SASS: Conditional Variables

Question

I'm trying here something simple. I want to set global variables according to a main class. E.g.:

body.professional {
    $c1: #00B143;
    $c2: #151018;
}
.container {
    color: $c1;
}

Is this possible?

Thanks!

@nils I have two global variables. I want to set global variables for each one. — Lucas Veiga, Apr 19 '16 at 13:15
`$c1` and `$c2`? They aren't globals. You have them scoped to `body.professional`. — timolawl, Apr 19 '16 at 13:16
@timolawl Yep, found it. You can do on my way or simply set `!global` at the end of variable. — Lucas Veiga, Apr 19 '16 at 13:20

score 0 · Answer 1 · answered Apr 19 '16 at 13:19

0

Got it. Simple.

Build all the css classes in separate file then include it.

body.professional {
    $c1: #00B143;
    $c2: #151018;
    @import 'base.scss';
}

body.clientes {
    $c1: #4A8FE5;
    $c2: #393C42;
    @import 'base.scss';

}

answered Apr 19 '16 at 13:19

Lucas Veiga

1,758
7
27
45

you can just do `@import 'base';` SCSS can figure out you mean a SCSS file. – timolawl Apr 19 '16 at 13:20

SASS: Conditional Variables

1 Answers1