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