دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۶
  • اردیبهشت

جلسه ۱۰ : آموزش کار با دستور Mixins در Sass

  • دسته‌بندی‌ها :
جلسه ۱۰ : آموزش کار با دستور Mixins در Sass
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربران و علاقمندان به دوره آموزش Sass. در جلسه گذشته با دستورالعمل های کنترل و اصطلاحات در Sass آشنا شدیم؛ و چهار دستورالعمل کاربردی نیز به شما معرفی گردید؛ استفاده از  عبارات و دستور های کنترل که توسط SassScript نیز پشتیبانی می شود اجازه می دهد که استایل های خاص خود را در شرایط مختلف بسازیم و یا همان استایل هایی که در اختیار داریم را تغییر داده و بارها و بارها مورد استفاده قرار دهیم. در این جلسه و در دهمین جلسه از دوره آموزش Sass با آموزش کار با دستور Mixins در Sass همراه شما خواهیم بود.

      آموزش کار با دستور Mixins در Sass

      Mixins ها اجازه ایجاد یک گروه از استایل ها را می دهند که بدون نیاز به ایجاد مجدد کلاس های non-semantic در تمام استایل های خود قابل استفاده مجدد هستند.
      در mixins ،CSS ها می توانند مقادیر متعدد یا پارامترها را ذخیره نمایند و تابع را فراخوانی کنند.
      mixins ها می توانند به صورت تعویضی از زیر خط ها ( _ ) یا خط های ساده ( – ) در نام خود استفاده نمایند.
      در ادامه می توانید دستورالعمل هایی راجع به Mixins ببینید.

      شماره دستورالعملدستورالعمل، جزئیات و توضیحات آن
      ۱   Defining a Mixin
      از این دستورالعمل که از آن به عنوان mixin directive@ نیز یاد می شود برای تعریف یک mixin استفاده می شود.
      ۲   Including a Mixin
      دستورالعمل include directive@ زمانی استفاده می شود که بخواهیم mixins ها را در یک سند یا document با
      یکدیگر ترکیب نماییم.
      ۳   Arguments
      مقادیر SassScript را می توان به عنوان argument در mixins به کار برد، یعنی وقتی mixins ها شامل مقداری می
      شوند می توان آن ها را به کار گرفت.
      ۴   Passing Content Blocks to a Mixin
      از این دستور زمانی استفاده می شود که بخواهیم یک بلوک از استایل ها را به یک mixin منتقل نماییم.

      کلام آخر

      در این جلسه به آموزش کار با دستور Mixins در Sass پرداختیم.
      در جلسه بعدی شما را به آموزش دستورالعمل های تابع در Sass دعوت می نماییم.

      Fatal error: Uncaught Error: Call to a member function get_regular_price() on boolean in /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/functions.php:392 Stack trace: #0 /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/single-product.php(940): onSale() #1 /home/pvlearni/domains/pvlearn.com/public_html/wp-includes/template-loader.php(74): include('/home/pvlearni/...') #2 /home/pvlearni/domains/pvlearn.com/public_html/wp-blog-header.php(19): require_once('/home/pvlearni/...') #3 /home/pvlearni/domains/pvlearn.com/public_html/index.php(17): require('/home/pvlearni/...') #4 {main} thrown in /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/functions.php on line 392