Breaking News: Grepper is joining You.com. Read the official announcement!

sass if

Add Answer

Arrogant Alligator answered on July 22, 2021 Popularity 10/10 Helpfulness 1/10

answer sass if

related scss if

related if else in sass

sass if

Comment

-1

@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);
}

Popularity 10/10 Helpfulness 1/10 Language css

Source: sass-lang.com

Tags: css sass

Link to this answer
Share Copy Link

Contributed on Jul 22 2021

Arrogant Alligator

0 Answers Avg Quality 2/10

Closely Related Answers

scss if

Comment

 @if $var == 'foo' {
    /* style 1 */
  } @else if $var == 'bar' {
    /* style 2 */
  } @else {
    /* style 3 */
  }

Popularity 10/10 Helpfulness 4/10 Language css

Source: sass-lang.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 20 2021

Tequilian

0 Answers Avg Quality 2/10

if else in sass

Comment

@mixin text-effect($val) {
  @if $val == danger {
    color: red;
  }
  @else if $val == alert {
    color: yellow;
  }
  @else if $val == success {
    color: green;
  }
  @else {
    color: black;
  }
}

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: www.freecodecamp.org

Tags: sass

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

UnBa

0 Answers Avg Quality 2/10

sass if

Contents

More Related Answers

sass if

Closely Related Answers

scss if

if else in sass

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.