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>
)。對於不影響提案的預期語義的更改,應逐漸增加次要版本;否則,主要版本應遞增。