CSS 預處理器,Sass 3.2.0 發布,
Sass 3.2.0 發布了,Sass 擴展了 CSS3,增加了規則、變量、混入、選擇器、繼承等等特性。Sass 生成良好格式化的 CSS 代碼,易于組織和維護。

Sass 3.2.0 版本主要改進記錄:
1. mixin支持內容塊嵌入(Reference Documentation):
@mixin iphone {
@media only screen and (max-width: 480px) {
@content;
}
}
@include iphone {
body { color: red }
}
2. 占位符選擇器 %foo
// This ruleset won't be rendered on its own.
#context a%extreme {
color: blue;
font-weight: bold;
font-size: 2em;
}
.notice { @extend %extreme; }
//將編譯生成
#context a.notice {
color: blue;
font-weight: bold;
font-size: 2em;
}
3. 變量參數
@mixin box-shadow($shadows...) {
// $shadows is a list of all arguments passed to box-shadow
-moz-box-shadow: $shadows;
-webkit-box-shadow: $shadows;
box-shadow: $shadows;
}
// This is the same as "@include spacing(1, 2, 3);"
$values: 1, 2, 3;
@include spacing($values...);
4. 指令插值
$media: screen;
$feature: -webkit-min-device-pixel-ratio;
$value: 1.5;
@media #{$media} and ($feature: $value) {
...
}
該版本還包含其他的一些小改進,詳情請看 CHANGES
本文由用戶 openkk 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!