scss定义变量

在 SCSS 中，可以使用 $ 符号定义变量，定义一个变量后，可以在样式代码的任何地方使用该变量。使用变量可以提高代码的可维护性和可复用性。

下面是一些示例：

$primary-color: #007bff;
$font-size-medium: 18px;

body {
  background-color: $primary-color;
  font-size: $font-size-medium;
}

在上面的代码中，我们定义了两个变量：$primary-color 和 $font-size-medium，可以在代码的任何地方使用这些变量来实现样式化效果。

需要注意的是，在使用变量时，变量名称前必须要加上 $ 符号。而且，变量名称不能包含空格或连字符等特殊字符，只能包含字母、数字和下划线。

另外，SCSS 还支持变量的默认值，让开发人员能够更灵活的使用变量。变量的默认值是使用 !default 关键字指定的。例如：

$primary-color: #007bff !default;
$font-size-medium: 18px !default;

在这个示例中，如果变量 $primary-color 的值已经被定义了，那么 !default 将被忽略。否则，$primary-color 变量会被设置为 #007bff。这可以让我们在保留默认值的同时，也能够在需要时将其覆盖。