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 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!