Question

我有Bootstrap 3.3.7和自定义的scss文件。

在@extend求值之前，我只想覆盖$ grid-float-breakpoint一次。现在我有3个扩展了基本引导程序类的类（它们使用默认值，所以我不想弄乱它们）。

在文档中使用mixins并包含它是可能的。可以使用.class和@extend吗？

我正在寻找类似的东西

    $foo : 1px;

    .normal-class {
      font-size: $foo;
    }

    .extended-normal-class {
      @extend .normal-class;
      font-color: yellow;
    }

    -- This is what I'm trying to do: ---------------------
    .override-class {
      $foo: 3px;
      @extend .normal-class; 
     // font-size in this class after compile should have 3px;
    }

Answer 1

要实现所需的功能，必须使用@mixin而不是@extend，这里是一个示例：

@mixin size($size: 1px){
   font-size: $size;
}

.extended-normal-class{
   @include size();
}

.override-class{
   @include size(3px);
}

SASS / SCSS扩展前更改变量值

1 个答案: