Question

我正在使用罗盘。有没有办法添加！重要的@include opacity（1）？

谢谢！

Answer 1

是。您可以使用 @if 和 @else

=opacity($opacity, $important: no)
    @if $important == isImportant
        opacity: $opacity !important
        $opacity-ie: $opacity * 100
        filter: alpha(opacity=$opacity-ie) !important //IE8
    @else
        opacity: $opacity
        $opacity-ie: $opacity * 100
        filter: alpha(opacity=$opacity-ie) //IE8


.some-class
    +opacity(1) // without !important

.some-class
    +opacity(1, isImportant) // with !important

如果是你的话

Answer 2

这与SCSS语法中的代码相同，也许有人可以使用它：

@mixin opacity($opacity, $important: 0) {
  @if $important == 1 {
    opacity: $opacity !important;
    $opacity-ie: $opacity * 100;
    filter: alpha(opacity=$opacity-ie) !important; //IE8
  }
  @else {
    opacity: $opacity;
    $opacity-ie: $opacity * 100;
    filter: alpha(opacity=$opacity-ie); //IE8
  }
}

.some-class
     @include opacity(1); // without !important

.some-class
     @include opacity(1,1); // with !important

Answer 3

有点晚了，但这对外面的人可能有用。您可以简单地将!important指定为属性值的一部分：

@include opacity(1 !important);

根据您的mixin结构，它可能不一定在每种情况下都有效，但在大多数情况下应该如此。

如何在罗盘中添加！重要@include opacity（1）

3 个答案: