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 vote224 views1 answer
Css how to center images in a table cell
CSS
0 vote257 views1 answer
Cheat codes for hmtl and css
CSS
5 votes178 views3 answers
Css glow effect
CSS
64 votes181 views3 answers
How to use variables in css
CSS
1 vote182 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
1 vote452 views1 answer
Padding for text in html
CSS
0 vote201 views1 answer
How to make bootstrap cards same height css trics
CSS
109 votes194 views6 answers
Center css
CSS
1 vote188 views1 answer
Ion-item no padding ionic 4
CSS
3 votes138 views1 answer
Css margin bottom not working
CSS