0

我正在使用 scsslint 验证我的 scss，我在下面收到此错误，解决此问题的最佳方法是什么？

[W] ColorVariable：像这样的颜色文字rgba(0, 0, 0, 0.75)只能在变量声明中使用；它们应该通过其他任何地方的变量来引用。

 @mixin box-shadow-new($value) {
      -webkit-box-shadow: $value;
      -moz-box-shadow: $value;
      box-shadow: $value;
    }



 .btn-exit {
      @include box-shadow-new(4px 3px 26px -6px rgba(0, 0, 0, .75));
      background-color: $button-bg-main;
      border-color: $button-bg-main;
      color: $button-color-main;
    }
4

1 回答 1

1

这告诉你颜色应该设置为一个变量，而不是直接写在样式中。因此，在您的variables.scss文件中，或者在您对变量进行分组的任何位置（您是，对吗？这是一种方式）中，执行以下操作：

$box-shadow-color: rgba(0, 0, 0, .75)

我会更进一步，建议将完整的 box-shadow 样式作为变量，以便您可以轻松地将样式放置在任何地方并保持一致：

$box-shadow: 4px 3px 26px -6px rgba(0, 0, 0, .75);

请注意，这可能会警告您将颜色本身仍然放在变量中。有时它会变得非常“嵌套娃娃”，但理论上你可以轻松地再次重复使用那个半透明的黑色。

然后将 mixin 称为：

@include box-shadow-new($box-shadow);
于 2016-05-10T20:57:00.397 回答