scss常量的使用

在SCSS中定义常量可以使用关键字$，例如：

$primary-color: #007bff;

body {
  background-color: $primary-color;
}

这里定义了一个名为$primary-color的常量，其值为#007bff。在样式中，我们可以使用$primary-color来引用这个常量，从而在多处使用相同的颜色值时便于维护和修改。

常量可以被嵌套在其他规则中，例如：

$primary-color: #007bff;

.btn {
  background-color: $primary-color;
  
  &:hover {
    background-color: darken($primary-color, 10%);
  }
}

在这里，$primary-color被用作.btn类的背景颜色，并且在:hover状态下，通过函数darken()将颜色值变暗10%。