【译】CSS 转 SASS

843 阅读1分钟

SASS,全称Syntically Awesome Stylesheet,是CSS的扩展,CSS预处理器,与所有版本的CSS 兼容。

CSS是一门有趣的语言,可以做许多有意思的事情。但是随着样式表的增多,维护会变得艰难,这是CSS自带的缺点。但是预处理器的出现,解决了这个问题。

SASS允许你使用CSS中尚不支持的功能。例如变量、嵌套、mixins、 继承以及其他更先进的功能。

变量

嵌套

Mixins

模块

您不必将所有的SASS都写在一个文件内,可以分割在不同的文件内。

继承-Inheritance

继承是十分有用的,你可以继承自父类,并且可以重写父类属性。

函数和 For 循环

和 lightness 一致,SASS 有许多内置函数,这些函数在大型应用程序中非常有用。

除了 @for , SASS 还有 @each,@while,@f & @else 等流程控制函数。

image.png

计算