scss变量计算函数

SCSS是CSS的一个预处理器，它提供了很多方便的特性来加强CSS编程体验。其中就包括了变量和计算函数。

SCSS变量是一种可以在样式表中定义一次，然后在后续的使用中多次调用的值。变量的定义使用$符号，例如：

$primary-color: #007bff;

这里我们定义了一个$primary-color变量，并将其赋值为蓝色。接下来，我们可以在样式中引用该变量，例如：

a {
  color: $primary-color;
}

这里我们将超链接的颜色设置为了$primary-color变量的值，也就是蓝色。

SCSS也提供了一些计算函数，可以用来对数值类型进行加减乘除等运算。其中最常用的函数是“+”和“-”函数，用来进行加减运算。例如：

$base-font-size: 16px;
$font-size: $base-font-size + 2px;

这里我们定义了一个基础字号$base-font-size变量，并将其赋值为16px。接下来，我们通过“+”函数将$base-font-size和2px相加，并将结果赋值给$font-size变量，从而得到18px的字号。