Question

我想知道是否可以将不透明度元素添加到sass变量中？我正在开发一个项目，我需要创建不同颜色的阴影并在自定义排版文件中使用它们。我的问题是当我在rdga中创建一个颜色变量并将其实现到我的工作中时，变量将代码更改为一个CSS不透明元素，该元素在一个颜色元素下写入，然后这会在浏览器中运行并抛出并发生错误。是否有某种方法可以在变量中实现不透明度，这样您就不会遇到这个问题？

任何帮助都会很棒，谢谢

这是我的变量：

   $white-text-dh: rgba(255, 255, 255, 0.5);
   $white-text-d: rgba(255, 255, 255, 0.12);

这是排版ex：

  .c-title{
            font-size:20px;
            color: $white-text-d;
            font-family: Roboto-Light;
         }

这是html

         <span class="c-title">hello</span>

这是在开发人员工具中读取错误的颜色。 color元素无法读取不透明度

      .c-title {
                font-size: 20px;
                color: #ffffff opacity 0.7%;
                font-family: Roboto-Light;
                }

Answer 1

我对此进行了测试，它对我有用：

SCSS

$white: #fff;

$white-text-dh: rgba($white, .5);

.c-title {
     color: $white-text-dh;
}

HTML

<h1 class="c-title">Test</h1>

如何为scss变量添加不透明度？

1 个答案: