Question

以下是我使用的功能：

@function set-hover-color($color) {
  @if true {
    @return darken($color, 10%);
  } @else {
    @return lighten($color, 10%)
  }
}

我可以将它设置为true，如下所示：

$color: false;

Answer 1

这可能是您正在寻找的。 注意：我将颜色var重命名为＆＃34;变暗＆＃34;因为我觉得在这种情况下更有意义

$darken : true;

@function set-hover-color($color) {
  @if $darken {
     @return darken($color, 10%);
  } @else {
     @return lighten($color, 10%)
  }
};

另一种选择可能是将该变量作为第二个参数传递。例如：

@function set-hover-color($color,$darken) {
  @if $darken {
     @return darken($color, 10%);
  } @else {
     @return lighten($color, 10%)
  }
};

用法：

$color : #ddd;

#example{

   color : $color,

   &:hover{

     color : set-hover-color($color,true);
   }
}

在Sass中，如何将变量设置为我创建的if语句？

1 个答案: