stylus - 在 Stylus 中将 HEX 转换为 RGBA

Question

我在 Stylus 中有一些类似于以下的十六进制颜色值

$my-background ?= #123456
$my-foreground ?= #ABCDEF

并希望在不透明度的 rgba 值中使用它们，以便

.my-class
    background rgba($my-background, .5)
    foreground rgba($my-foreground, .5)

或者另一种语法被编译成 CSS 为

.my-class {
    background rgba(18, 52, 86, .5);
    foreground rgba(171, 205, 239, .5);
}

是否有使用 Stylus 或 Stylus 插件(例如 Nib )在 rgba 中使用 HEX 颜色值的快速简便方法？

Answer 1

其实Stylus中的rgba就是这样工作的，你写的东西试过了吗？在手写笔中

$my-background ?= #123456
$my-foreground ?= #ABCDEF

.my-class
    background rgba($my-background, .5)
    foreground rgba($my-foreground, .5)

实际上会编译为

.my-class {
  background: rgba(18,52,86,0.5);
  foreground: rgba(171,205,239,0.5);
}

这意味着您可以执行 rgba(black, 0.5) 、 rgba(#FFF, 0.5) 之类的操作并在其中使用变量，就像您的情况一样。