查找字符串是否在sass中的字符串中

Question

我想要一个if语句来显示字符串是否在sass中的另一个字符串中。

我如何在mixin中执行此操作？

 @mixin hello($mystring) {
 }

Answer 1

您可以使用str-index来实现此目标。

<强> SCSS

@mixin hello($mystring) {
  @if (str-index("Hello World", $mystring)) {
    background-color: green;
  }
  @else {
    background-color: blue;
  }
}

.test {
  @include hello("World");
}

CSS输出

.test {
  background-color: green;
}