在 Sass 中，变量的声明是通过使用 $ 符号加上变量名。以下是变量声明的基本语法：
// 变量声明
$variable-name: value;

其中：
  •  $variable-name 是变量的名称。

  •  value 是变量的值。


接下来，让我们通过一个实际的例子来说明如何声明变量：
// 示例：声明变量
$primary-color: #3498db;
$font-stack: 'Helvetica Neue', sans-serif;
$base-padding: 10px;

body {
  font: $font-stack;
  padding: $base-padding;
}

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

在这个例子中：
  •  $primary-color 存储主色彩值 #3498db。

  •  $font-stack 存储字体栈 'Helvetica Neue', sans-serif。

  •  $base-padding 存储基本边距值 10px。


然后，这些变量在整个样式表中可以被重复使用，使得样式代码更加灵活和易于维护。


转载请注明出处：http://www.zyzy.cn/article/detail/4321/sass