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

62 votes155 views3 answers
Font awesome 4
CSS
0 vote229 views1 answer
Css video background
CSS
0 vote193 views1 answer
Background url with color css
CSS
3 votes133 views1 answer
Smooth scroll to anchor
CSS
0 vote167 views1 answer
Putting picture shaddow in css
CSS
-2 votes170 views2 answers
Tailwind border bottom
CSS
1 vote162 views1 answer
Ion-tab-bar transparent
CSS
4 votes166 views6 answers
Css grid
CSS
0 vote182 views1 answer
Css not loading after clearing chaches asp.net
CSS
0 vote170 views1 answer
Input padding without changing width
CSS