دوره مجازی LESS (جلسه 8) : Mixin ها در less - قسمت چهارم

- visibility ۵ mode_comment

در جلسه هشتم دوره مجاری less می پردازیم به ادامه مبحث Mixin ها در less و با یک سری دیگه از خاصیت های آنها در این جلسه آشنا خواهیم شد.

مطالب مطرح شده در این جلسه عبارتند از :

  • بررسی arguments متد در mixin ها و نحوه استفاده از آن
  • بررسی Pattern Matching در mixin ها و نحوه استفاده از آن
info توجه

این مطلب یک جلسه از دورهدوره آموزش جامع پیش پردازنده LESS و توسعه پذیری CSS می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره دوره less

comment دیدگاه کاربران
مجید زادگی

با سلام و احترام خدمت استاد عزیز

این جلسه واقعا مطالب عالی داشت ولی یک سئوال برای من پیش آمد و اون هم اینه که ما در فایل less نوع alert
رو با دادن متغییر @type مشخص می کنیم ، راه کار صدا زدن این میکسین در فایل html چی هست. آیا باید سه کلاس متفاوت ایجاد کرد و در فایل less با توجه به عنوان کلاس میکسین alert رو نوع مورد نظر صدا زد. ❗

لطفا یک اشاره بفرمائید.
——————–
@type : warning;
.alert-box{
.alert(@type);
}
——————–
متشکرم.

وحید صالحی

بله دوست عزیز

Somayeh Shams

سلام. وقتتون بخیر
در مورد مبحث argument، اگر آرگومان ها جابجا شوند مشکلی به وجود نمی آید. من تست کردم و مشکلی نبود، میخواستم بدونم آیا ترتیب مشخصه ها مهم نیست. مثلا فرض کنید box-shadow رو بصورت زیر بنویسیم :
.box-shadow(@x :1px,@color:#999,@y :2px,@blur:1px){}
مقدار آرگومان color رو به جای آخر در وسط نوشتم.

وحید صالحی

سلام نه مشکلی نیست بصورت خودکار جایگزین میشن

Somayeh Shams

در مبحث pattern matching قسمت match کردن پترن را میتوانیم بصورت زیر بنویسیم و متغیر @type را در نظر نگیریم :
.alert-box{
.alert(warning);
}

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.