Sass if

Scss if

 @if $var == 'foo' {
    /* style 1 */
  } @else if $var == 'bar' {
    /* style 2 */
  } @else {
    /* style 3 */
  }

Source: sass-lang.com

Sass if

@mixin app-background($color) {
  #{if(&, '&.app-background', '.app-background')} {
    background-color: $color;
    color: rgba(#fff, 0.75);
  }
}

@include app-background(#036);

.sidebar {
  @include app-background(#c6538c);
}

Source: sass-lang.com

Similar codes

2 votes157 views1 answer
Html remove hittest from element
CSS
67 votes167 views6 answers
How to center a div in css
CSS
0 vote161 views1 answer
Credimax
CSS
51 votes151 views6 answers
Ellipsis css
CSS
0 vote153 views1 answer
CSS adding something next to a picture
CSS
0 vote154 views1 answer
Colored button link scss generator
CSS
0 vote177 views1 answer
Crypto module
CSS
0 vote220 views2 answers
Bootstrap 5 container
CSS Bootstrap
35 votes154 views2 answers
How to blur background color in css
CSS
0 vote167 views1 answer
How to hide some grid items from grid in css
CSS