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

20 votes299 views7 answers
Css vertical align
CSS
0 vote315 views1 answer
Mat radio button color
CSS
0 vote327 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
2 votes312 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
-1 vote306 views1 answer
Sidebar-Content layout
CSS
1 vote230 views1 answer
Css min value
CSS
11 votes277 views2 answers
Css line-clamp
CSS
0 vote273 views1 answer
Smooth button effect css
CSS
0 vote396 views1 answer
Css center table on page
CSS
0 vote283 views1 answer
Css animation cheat sheet
CSS