css - 如何配置 SASS 以输出速记十六进制颜色

Question

有没有办法让 SASS 或 Compass 给你一个缩短的十六进制颜色？例如，如果#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}