sass - 如何在指南针中添加 !important 到 @include opacity(1)

Question

我正在使用指南针。有什么方法可以将 !important 添加到 @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 结构，它可能并非在所有情况下都有效，但在大多数情况下应该有效。