使用SCSS将RGB转换为RGBA，并分配给CSS属性

Question

.test1 { --foo: rgba(#f00, .5); } // .test1 { --foo: rgba(#f00, .5) }

$col: rgba(#f00, .5);
.test2 { --foo: $col; }              // .test2 { --foo: $col }

怎么做？

您正在寻找相对颜色

body {
  --foo: rgb(from #f00 r g b / .5);
  
  background: var(--foo)
}

Answer 1