ruby - 如何在SRuby中使用SASS之类的颜色进行数学运算？

在sass中我可以做到：

!pink = #ff43a7
!darker_pink = !pink - #333333

我也要红宝石的。

最佳答案

十六进制可以用ruby表示，方法是在值前面加上0x：

pink = 0xff43a7
darker_pink = pink - 0x333333

彩色助手

def color(hex)
  "#%06x" % hex
end

在erb模板中的使用

.container {
  color: <%= color pink %>;
  border: 1px solid <%= color darker_pink %>;
}

产量

.container {
  color: #ff43a7;
  border: 1px solid #cc1074;
}