Sass یا Syntactically Awesome Style Sheets یک پیشپردازندهٔ CSS است که به طراحان و توسعهدهندگان وب این امکان را میدهد تا CSS را به شکلی مدرنتر و خواناتر بنویسند. Sass قابلیتهایی مانند متغیرها، تو در تو نویسی، میکسینها و وراثت را به CSS اضافه میکند و در نهایت به کد CSS استاندارد کامپایل میشود.
طراحی وب سایت و برنامه نویسی فوری 09131253620
ویژگیها و مثالها
در زیر چند مثال از قابلیتهای اصلی Sass آورده شده است. این مثالها برای فهم بهتر هر ویژگی، داخل یک باکس به صورت کامنت توضیح داده شدهاند.
1. متغیرها (Variables)
با استفاده از متغیرها، میتوانیم رنگها، سایزها و دیگر مقادیر را در یک مکان تعریف کرده و در کدهای مختلف استفاده کنیم.
2. تو در تو نویسی (Nesting)
Sass به شما اجازه میدهد که انتخابگرها را به صورت تو در تو بنویسید، به طوری که ساختار HTML را به خوبی منعکس کند.
3. میکسینها (Mixins)
میکسینها تکه کدهای قابل استفاده مجدد هستند که میتوانند در بخشهای مختلف کد استفاده شوند و همچنین پارامتر بپذیرند.
4. وراثت (Inheritance)
با استفاده از وراثت، میتوانیم استایل یک کلاس را به کلاس دیگر منتقل کنیم. این کار به کاهش کد و جلوگیری از تکرار کمک میکند.
5. عملیات ریاضی (Math Operations)
Sass اجازه میدهد از عملیات ریاضی برای محاسبه مقادیر استفاده کنید که در طراحیهای داینامیک مفید است.
توضیح کلی
Sass به شما اجازه میدهد کد CSS خود را مدولارتر و تمیزتر نگه دارید. همچنین با کاهش تکرار کد، مدیریت و نگهداری کدهای CSS در پروژههای بزرگ آسانتر میشود.