Sass @debug指令

@debug指令檢測錯誤,並顯示SassScript表達值到標準錯誤輸出流。

示例

下麵是保存擴展為.scss,這類似於CSS檔的樣式表檔。

debug.scss

$font-sizes: 10px + 20px;
$style: (
  color: #bdc3c7
);

.container{
  @debug $style;
  @debug $font-sizes;
}
可以告訴SASS監視檔,並隨時使用下麵的命令更新SASS檔來修改CSS:
sass --watch C:\Ruby22-x64\debug.scss:debug.css
當你運行上面的命令,它會自動創建debug.css檔。無論何時更改SCSS檔, debug.css 檔將得到自動更新。

輸出結果

讓我們來進行下麵的步驟來看看上面的代碼工作,並調試錯誤:
保存上述的代碼到 debug.scss 檔中。
在命令提示符下運行上述命令行。


上一篇: Sass @at-root指令 下一篇: Sass @warn指令