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

24 votes351 views6 answers
Css filter
CSS
0 vote328 views1 answer
Width not responding to css in table
CSS
2 votes345 views1 answer
Large input box bootstrap 4
CSS
0 vote326 views1 answer
Css animated cross mark
CSS
3 votes389 views2 answers
What is vh in css
CSS
0 vote422 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
0 vote331 views1 answer
Backwards text css
CSS
2 votes355 views1 answer
Send mails from lampp form localhost
CSS
8 votes346 views4 answers
Aos css animation
CSS
1 vote300 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS