在Stylus中将HEX转换为RGBA

Question

我在Stylus中有一些HEX颜色值,类似于以下内容

$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

实际上,rgba在Stylus的工作就是这样,你试过你写的吗？在手写笔中

$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)并在其中使用变量.