MaxInterview - mixin with if statments

showing results for - "mixin with if statments"

20 Oct 2016

1$light-background: #f2ece4;
2$light-text: #036;
3$dark-background: #6b717f;
4$dark-text: #d2e1dd;
5
6@mixin theme-colors($light-theme: true) {
7  @if $light-theme {
8    background-color: $light-background;
9    color: $light-text;
10  } @else {
11    background-color: $dark-background;
12    color: $dark-text;
13  }
14}
15
16.banner {
17  @include theme-colors($light-theme: true);
18  body.dark & {
19    @include theme-colors($light-theme: false);
20  }
21}
22

source

similar questions

sass 40mixin and 40include scss transition mixin sass if sass mixin breakpoint scss 40mixin base scss mixin skip argument use default sass if else what is a mixin 3f sass mixin mixin for transition css scss if mixin parameters import mixin from another file

queries leading to this page

if else for sass sass if statement w3 scholls sass if else if else in sass else if in sas if 28 29 in scss sas if else if and else in sass sass if else 40if and 40else sass if statement scss scss if statement 40if 40elseif sass 23 7bif 28 29 7d in scss if statement sass mixin with if statments

mixin with if statments

Solutions on MaxInterview for mixin with if statments by the best coders in the world