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 vote312 views1 answer
Css change scroll anchor point under navbar
CSS
180 votes531 views6 answers
How to import a css file in html
CSS
0 vote347 views1 answer
Dynamic multi-level in vuejs
CSS
7 votes404 views3 answers
Import font woff css
CSS
3 votes338 views2 answers
How to align elements horizontally in css
CSS
0 vote334 views1 answer
Css no purple links
CSS
2 votes338 views1 answer
Ionic install font
CSS
0 vote334 views1 answer
100vh doesn't fill the page
CSS
0 vote351 views1 answer
Sass each index
CSS
0 vote324 views1 answer
Placer balise p a la suite
CSS