ruby - 我如何使用 SASS 但在 Ruby 中使用颜色进行数学运算？

Question

在 SASS 中我可以做:

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

我想在 Ruby 中做同样的事情。

Answer 1

十六进制可以在 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;
}