sass
1.0.0
Sass再次使CSS变得有趣。 SASS是CSS的扩展,添加嵌套规则,变量,混合物,选择器继承等。它使用命令行工具或构建系统的插件翻译成良好的标准CSS。
$font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;
body {
font : 100 % $font-stack ;
color : $primary-color ;
}
@mixin border-radius ( $radius ) {
-webkit-border-radius : $radius ;
-moz-border-radius : $radius ;
-ms-border-radius : $radius ;
border-radius : $radius ;
}
nav {
ul {
margin : 0 ;
padding : 0 ;
list-style : none ;
}
li { @include border-radius ( 10 px ); }
a {
display : block ;
padding : 6 px 12 px ;
text-decoration : none ;
}
}
您可以通过从Github下载操作系统的软件包并将其添加到您的PATH
上,在Windows,Mac或Linux上安装SASS。仅此而已 - 没有外部依赖关系,您无需安装其他。
如果使用node.js,也可以通过运行NPM安装SASS
npm install -g sass
但是,请注意,这将安装SASS的纯JavaScript实现,该实现的运行速度比此处列出的其他选项要慢一些。但是它具有相同的接口,因此,如果您需要更高的速度,稍后可以在另一个实现中进行交换!
有关安装SASS的更多方法,请访问SASS网站。
安装了SASS后,您可以将sass
可执行文件运行以将.sass
和.scss
文件运行到.css
文件。例如:
sass source/stylesheets/index.scss build/stylesheets/index.css
请访问SASS网站,以获取有关如何学习SASS的指南!
该存储库不是SASS的实现。那些生活在sass/dart-sass
和sass/libsass
中。相反,它包含:
spec/
,其中包含语言特征的规格。proposal/
包含对语言更改的过程中的建议。accepted/
,其中包含已被接受并已实施或正在实施的建议。请注意,这不包含SASS的完整规范。取而代之的是,当设计新功能或实施者需要更明确时,请根据需要编写功能规范。这意味着spec/
仅涵盖所讨论的功能的一小部分。
此存储库中的建议是版本的,以使随着时间的流逝跟踪更改并引用旧版本。每个版本都有表单proposal.<name>.draft-<version>
。应为每批更改创建一个新版本。
每个版本都有一个主要版本,并且它们也可能具有次要版本(指示<major>.<minor>
)。对于不影响提案的预期语义的更改,应逐渐增加次要版本;否则,主要版本应递增。