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

0 vote257 views1 answer
Hide navbar css
CSS
2 votes242 views2 answers
Details transition css
CSS
0 vote259 views1 answer
Position an icon in relation a parent element
CSS
6 votes190 views2 answers
How to change text on hover
CSS
16 votes239 views4 answers
Change background CSS
CSS
0 vote220 views1 answer
Bootstrap 5 tutorial
CSS
1 vote240 views1 answer
Css before is not working
CSS
0 vote247 views1 answer
How to center icon vertically in react js
CSS
5 votes211 views1 answer
How to create a background-color before image in css
CSS
0 vote217 views2 answers
Split pane border css ionic
CSS