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 votes138 views1 answer
Css disable dropdown on input
CSS
2 votes198 views1 answer
How to distribute vertically the items in css
CSS
3 votes143 views1 answer
Zoom in to picture on html css
CSS
0 vote145 views1 answer
Font-display css google fonts
CSS
1 vote126 views1 answer
Css background offset
CSS
72 votes199 views6 answers
How to change font size in css
CSS
-1 vote140 views3 answers
Clip path css
CSS
35 votes154 views4 answers
Css nth element
CSS
17 votes135 views2 answers
Css horizontal gradient background color
CSS
0 vote134 views1 answer
Laravel asset css not found
CSS