در جلسه هشتم دوره مجاری less می پردازیم به ادامه مبحث Mixin ها در less و با یک سری دیگه از خاصیت های آنها در این جلسه آشنا خواهیم شد.
مطالب مطرح شده در این جلسه عبارتند از :
- بررسی arguments متد در mixin ها و نحوه استفاده از آن
- بررسی Pattern Matching در mixin ها و نحوه استفاده از آن
:: توجه
این مطلب یک جلسه از دوره پیش پردازنده less می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.
در مبحث pattern matching قسمت match کردن پترن را میتوانیم بصورت زیر بنویسیم و متغیر @type را در نظر نگیریم :
.alert-box{
.alert(warning);
}
سلام. وقتتون بخیر
در مورد مبحث argument، اگر آرگومان ها جابجا شوند مشکلی به وجود نمی آید. من تست کردم و مشکلی نبود، میخواستم بدونم آیا ترتیب مشخصه ها مهم نیست. مثلا فرض کنید box-shadow رو بصورت زیر بنویسیم :
.box-shadow(@x :1px,@color:#999,@y :2px,@blur:1px){}
مقدار آرگومان color رو به جای آخر در وسط نوشتم.
سلام نه مشکلی نیست بصورت خودکار جایگزین میشن
با سلام و احترام خدمت استاد عزیز
این جلسه واقعا مطالب عالی داشت ولی یک سئوال برای من پیش آمد و اون هم اینه که ما در فایل less نوع alert
رو با دادن متغییر @type مشخص می کنیم ، راه کار صدا زدن این میکسین در فایل html چی هست. آیا باید سه کلاس متفاوت ایجاد کرد و در فایل less با توجه به عنوان کلاس میکسین alert رو نوع مورد نظر صدا زد. ❗
لطفا یک اشاره بفرمائید.
——————–
@type : warning;
.alert-box{
.alert(@type);
}
——————–
متشکرم.
بله دوست عزیز