SASS 运算符的基本使用 - 前端开发

SASS（Syntactically Awesome Style Sheets）是一种 CSS 预处理器，为前端开发人员提供了更强大和灵活的样式表编写方式。其中，SASS 运算符是一项强大的功能，允许我们在样式表中执行数学运算，从而更好地管理和计算样式值。

在本文中，我们将详细介绍 SASS 运算符的基本使用方法，并提供相应的源代码示例。

1. 加法运算符（+）
   加法运算符（+）允许我们对两个数值进行相加。下面是一个示例：

$width: 200px;
$padding: 20px;

.element {
  width: $width + $padding;
}

在上面的示例中，我们定义了两个变量 $width 和 $padding，然后使用加法运算符将它们相加，并将结果应用于 .element 元素的宽度属性。

2. 减法运算符（-）
   减法运算符（-）允许我们对两个数值进行相减。下面是一个示例：

$base-font-size: 16px;
$