در سومین قسمت از سری آموزش Sass، مفهوم Mixin ها و وراثت در Sass را بررسی می کنیم. به طور خلاصه می توان Mixin را مجموعه ای از خواص در نظر گرفت که با استفاده از دستور mixin@ اعلان می شوند و با استفاده از دستور include@ در دیگر فایل های Sass قابل استفاده می شوند. از دیگر مواردی که بررسی می شود تفاوت نامگذاری mixin ها زمانی که از (-) یا از (_) این استفاده می شود، می توان نام برد. مورد دیگر تعریف متغیر برای mixin و در نتیجه فرستادن مقادیر و آرگومان هایی به آن هاست. همچنین درباره استفاده از mixin ها برای vendor prefix ها مطالبی را ارائه می کنیم. در ادامه به سراغ دستور extend@ می رویم که به نوعی وراثت را در Sass اجرا می کند، آشنا می شویم. این دستور نیز زمانی کاربرد دارد که عناصری با استایل یکسان و تفاوت جزئی قرار است یک سری موارد پایه را به طور مشترک استفاده کنند و خواص جزئی تر CSS را برای خودشان تعریف کند و در واقع استفاده از دستور extend@ کد شما خشک نگه می دارد.
پنل نویسندگان