scss 使用@if和@else将逻辑添加到您的样式中

Posted 2021-05-17

@mixin make-bold($bool) {
  @if $bool == true {
    font-weight: bold;
  }
}



@mixin text-effect($val) {
  @if $val == danger {
    color: red;
  }
  @else if $val == alert {
    color: yellow;
  }
  @else if $val == success {
    color: green;
  }
  @else {
    color: black;
  }
}