Sass

Sass 不同于 CSS 的一个特点是它允许使用变量。 可以在 Sass 中声明变量，并为它赋值，就像在 JavaScript 中一样。

在 JavaScript 中，变量是使用 let 和 const 关键字定义的。 在 Sass 中，变量以 $ 开头的，后跟变量名。

 

在 Sass 中，mixin 是一组 CSS 声明，可以在整个样式表中重复使用。

``` @mixin box-shadow($x, $y, $blur, $c){ -webkit-box-shadow: $x $y $blur $c; -moz-box-shadow: $x $y $blur $c; -ms-box-shadow: $x $y $blur $c; box-shadow: $x $y $blur $c; } ``` mixin 可以通过 @include 指令调用。 ``` div { @include box-shadow(0px, 0px, 4px, #fff); } ```

标签：box,变量,Sass,mixin,blur,shadow
来源： https://www.cnblogs.com/patricklee7/p/16342799.html