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 vote212 views1 answer
Div overlfow scroll
CSS
0 vote245 views1 answer
Create 2 separate CSS rules for the code below:
CSS
1 vote224 views2 answers
Only ie css
CSS
0 vote239 views1 answer
How to center an overlay button using flex box
CSS
2 votes470 views1 answer
Css last element with class name
CSS
6 votes217 views1 answer
Div scrollable content
CSS
10 votes254 views4 answers
Css align ul li horizontal
CSS
0 vote265 views1 answer
Decroation of title using css
CSS
1 vote241 views1 answer
Kommentar css
CSS
1 vote241 views1 answer
Hide number trigger in html page
CSS