css - 省略形の 16 進数の色を出力するように SASS を構成する方法

Question

SASS または Compass で 16 進数の色を短くする方法はありますか? たとえば、入力すると、出力ファイルに表示され#444ます#444444が、これは実際の最適化の助けにはなりません。

Answer 1

カラー コードは、出力スタイルが圧縮に設定されている場合にのみ最適化されます。

// style.scss
$primary-color: #444;
$secondary-color: #ffffff;
.test {
  background: $primary-color;
  color: $secondary-color;
}

コマンドでコンパイルするとsass -t compressed style.scss style.css、次のファイルが生成されます。

// style.css
.test{background:#444;color:#fff}