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 vote279 views1 answer
Asp.net set css class in code behind
CSS
4 votes281 views1 answer
Make text bigger html5
CSS
0 vote304 views2 answers
Css prevent scrolling behind overlay
CSS
1 vote283 views1 answer
Css animate border bottom on hover
CSS
18 votes303 views2 answers
Php + get sql query
CSS
4 votes294 views2 answers
How to give background overlay in css
CSS
106 votes310 views5 answers
Position css
CSS
0 vote287 views1 answer
Bootstrap-scss github
CSS
0 vote303 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS
73 votes265 views6 answers
Flexbox in css
CSS