如何配置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}