CSS 預處理器,Sass 3.2.0 發布,

openkk 12年前發布 | 7K 次閱讀 CSS

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

CSS 預處理器,Sass 3.2.0 發布,

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