Use @if and @else to Add Logic to Your Styles - Cacher Snippet

8/7/2018 - 4:06 PM

Use @if and @else to Add Logic to Your Styles

@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;
  }
}