menu

۲- متغیر ها در Scss و Sass

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

نحوه استفاده از متغیر ها در Sass و Scss مانند PHP است و برای استفاده از آنها قبل از متغیر علامت دلر $ گذاشته می‌شود. به نمونه کد زیر نگاه کنید:

کد Scss:

کد Sass:

خروجی Css:

 

رفتن به نوارابزار