SASS: Bedingte Variablen

Question

Ich versuche hier etwas Einfaches. Ich möchte globale Variablen nach einer Hauptklasse festlegen. Zum Beispiel:

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

Ist das möglich?

Danke!

Answer 1

Verstanden. Einfach.

Erstellen Sie alle CSS-Klassen in einer separaten Datei, und schließen Sie sie dann ein.

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

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

}