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 vote193 views1 answer
Text in circle css
CSS
0 vote178 views1 answer
Child width big
CSS
5 votes190 views6 answers
Ruby cheat sheet
CSS
51 votes196 views4 answers
Css center horizontally
CSS
0 vote183 views1 answer
Html css drow line
CSS
11 votes219 views3 answers
Css poppins font
CSS
2 votes191 views1 answer
Table add margin between rows
CSS
0 vote188 views1 answer
If child elemnt is hovered do changes to the container css
CSS
3 votes179 views3 answers
How to change text on hover css
CSS
7 votes203 views2 answers
Vue sass loader
CSS