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

0 vote139 views2 answers
Caching
CSS
0 vote191 views1 answer
Sticky footer not working bootstrap
CSS
1 vote136 views1 answer
Css stylistic alternates
CSS
1 vote147 views2 answers
Rainbow text with css
CSS
0 vote144 views1 answer
Inline-block column appear higher than others
CSS
9 votes160 views1 answer
Textview android text align center
CSS
2 votes149 views2 answers
Image rendering css
CSS
2 votes178 views1 answer
How to add a black border around text css
CSS
0 vote308 views1 answer
Text align in materialize css
CSS Materialize
0 vote149 views1 answer
Image right css
CSS