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

-1 vote356 views1 answer
Html css circle progress bar
CSS
1 vote332 views1 answer
How to keep background image sticky on top
CSS
5 votes388 views2 answers
Remove bootstrap button outline
CSS Bootstrap
4 votes394 views2 answers
How to set text in center in flex item
CSS
0 vote353 views1 answer
New line ::after class
CSS
7 votes324 views1 answer
How to use multiple custom fonts in css
CSS
56 votes362 views3 answers
How to make a round corner in CSS
CSS
1 vote387 views1 answer
Symfony version check
CSS
1 vote350 views1 answer
Css super smooth shadow
CSS
60 votes337 views5 answers
Rotate div css
CSS