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 votes362 views2 answers
Css img scale-down
CSS
0 vote329 views1 answer
Input type (submit, button, reset) css
CSS
0 vote321 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
1 vote318 views1 answer
Unknown function 'mat-palette'
CSS
2 votes303 views1 answer
Beautiful navigation bar css
CSS
2 votes329 views1 answer
Div not larger than its content
CSS
1 vote334 views2 answers
Inline border css reactjs
CSS
5 votes349 views1 answer
1 line darkmode css
CSS
7 votes318 views1 answer
Css remove blue outline button
CSS
0 vote387 views1 answer
Outting a border on a map css
CSS