Sass 比较字符串SCSS值

我想防止重复/覆盖CSS定义。 在我的示例中，我在mixins headlineypo中定义了一个默认值。如果@include headlineypo中的值为空，则字体重量为默认值700。 当我声明一个新的CSS类（标题中）时，$weight将设置默认值，因此我有：

.headline { font-size:12px ; font-weight: 700 }
.headline-medium { font-size:19px; font-weight: 700 }


@if ($weight != null) and (type-of($weight) == '700') {
    font-weight: $weight;
  } @else {
    font-weight: 700; // Set default
  }

@mixin headlineTypo($size: null, $weight: null) {  
  @if $size != null {
    font-size: $size;
  } @else {
    font-size: 24px; // Set default
  }

  @if ($weight != null) and ($weight != 700) {
    font-weight: $weight;
  } @else {
    font-weight: 700; // Set default
  }
}

.headline {
   @include headlineTypo(12px, null); // overwrite $size 
   &-medium {
      @include headlineTypo(19px, null); // overwrite $size
   }
}

---

我不明白你想做什么。。。为什么根目录上有

@if

？前两行是您编译的代码？

类型（$weight）='700'

这没有意义。我不明白您想做什么。。。为什么根目录上有

@if

？前两行是编译后的代码？

类型（$weight）='700'

这毫无意义。