آموزش Less

آموزش طراحی وب سایت با استفاده از Less

یک متغیر میتواند به یک property ارجاع داده شود.

extend یک pseudo class هست که استایل های selector دیگر را با استفاده از :extend در یک selector می آورد.

mixin ها شبیه به فانکشن در زبان برنامه نویسی هستند. mixin ها مجموعه ای از property های CSS هستند که به شما این اجازه را میدهند تا آن property ها را از یک کلاس به یک کلاس دیگر منتقل کنید. در Less، شما میتوانید mixin را مثل کلاس در CSS تعریف کنید. میتوانید در mixin مقادیری را تعریف کنید که هرجا نیاز باشد از آنها استفاده کنید.

Parametric Mixin ها یک یا دو پارامتر میتوانند بگیرند. با گرفتن آرگومان میتوان خروجی mixin برای هر بلوک LESS را شخصی سازی کرد.

برای مثال، این کدهای ساده LESS را در نظر بگیرید:

در این فصل ما mixin را بعنوان function بررسی میکنیم. mixin ها و function ها شبیه به هم کار میکنند. مثل function ها، mixin ها میتوانند بصورت تو در تو بیایند، پارامتر بگیرند و مقدار برگردانند.

mixin ها شامل متغیر هستند و میتواند در حوزه ای که فراخوانی میشوند دیده شوند. اما یک استثنا دارد. اگر caller شامل متغیرهایی با همان نام باشد، متغیرها در حوزه caller کپی نمیشوند. تنها متغیرهای داخل حوزه caller که متغیرهای protected و inherited هستند override میشوند.

mixin ها شبیه به function ها هستند و متغیرهایی که در mixin تعریف میشوند مانند مقادیری که باز میگردانند رفتار میکنند.

هرکجا که mixin درون یک mixin دیگر تعریف میشود، میتواند بعنوان مقدار برگشت داده شده استفاده شود.

جستجو در سایت

  • مقدمه +

    LESS فریم ورک  CSS است که میتوان استایل شیت را شخصی سازی و مدیریت کند. همچنین میتوان از آن برای

    Read More

  • نصب LESS +

    LESS فریم ورک  CSS است که میتوان استایل شیت را شخصی سازی و مدیریت کند و میتواند بر روی تمامی

    Read More

  • LESS - قوانین تو در تو - Nested Rules +

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

    Read More

  • LESS - directive های تو در تو +

    شما میتوانید directive هایی نظیر media و keyframe را بصورت تو در تو بنویسید. شما میتوانید directive را در بالا

    Read More

  • LESS - عملیات ریاضی +

    LESS از برخی عملیات های ریاضی نظیر جمع (+)، منها (-)، ضرب (*)، و تقسیم (/) پشتیبانی میکند و میتوانند بر روی اعداد، رنگ

    Read More

  • LESS - escaping +

    escaping سلکتورها را بصورت داینامیک ایجاد میکند و از مقادیر متغیرها به شکل رشته استفاده میکنند.

    Read More

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

افراد آنلاین

ما 58 مهمان و بدون عضو آنلاین داریم