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 vote182 views1 answer
Dropdown dropdown-user nav-item work on 2 clicks
CSS
5 votes227 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote193 views1 answer
How to make focus outline round in html
CSS
0 vote176 views1 answer
Gulp association of files
CSS
0 vote208 views1 answer
Flexbox froggy
CSS
0 vote210 views2 answers
Text-align transform
CSS
56 votes216 views3 answers
How to make a round corner in CSS
CSS
12 votes154 views3 answers
Css display grid
CSS
6 votes198 views2 answers
How to make a division center css
CSS
1 vote208 views1 answer
How to remove markers in css
CSS