$primary-color: #3498db;
$font-size: 16px;
body {
color: $primary-color;
font-size: $font-size;
}
h1 {
color: darken($primary-color, 10%); // 使用 Sass 内置函数 darken 处理颜色
}
在这个例子中,$primary-color 和 $font-size 是两个变量,它们分别存储颜色值和字体大小。然后,这些变量被用于设置 body 元素和 h1 元素的样式。
Sass 中的变量可以存储各种类型的值,包括数字、字符串、颜色等。通过使用变量,你可以更容易地调整和管理样式表中的值,提高代码的维护性。
转载请注明出处:http://www.zyzy.cn/article/detail/6163/SASS