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

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۱۰ آذر ۱۳۹۴

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

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

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

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

ثبت نام در دوره پیش پردازنده less

چه امتیازی به این مقاله می دید؟
نویسنده وحید صالحی
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

نظرات کاربران

Somayeh Shams

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

Somayeh Shams

سلام. وقتتون بخیر
در مورد مبحث 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);
}
——————–
متشکرم.

وحید صالحی

بله دوست عزیز

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

شما هم چنان می توانید سوالات خود را در این قسمت بپرسید اما اولویت پاسخ گویی با دانشجویانی است که بازه پشتیبانی فعال دارند.

نیاز به لاگین

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