بسیاری از ویژگی های CSS دارای پیشوند یکسانی هستند، مانند font-family، font-size و
وزن فونت یا تراز کردن متن، تبدیل متن و سرریز متن.
با Sass میتوانید آنها را بهعنوان ویژگیهای تودرتو بنویسید:
مثال
SCSS Syntax:
font: {
family: Helvetica, sans-serif;
size: 18px;
weight: bold;
}
text: {
align: center;
transform: lowercase;
overflow: hidden;
}
ترنسپایلر Sass موارد فوق را به CSS معمولی تبدیل می کند:
CSS Output:
font-family: Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
text-transform: lowercase;
text-overflow:
hidden;