SCSS portata variabile

Question

io sono nel processo di conversione di un foglio di stile da MENO-SCSS e io sono confuso su una cosa che sto vedendo con portata variabile. Riprodotto con un semplice esempio:

$my-color: #000; 

#logo { 
    $my-color: #555; 
    color: $my-color; 
} 

a { 
    color: $my-color; 
} 

Converte al seguente CSS:

#logo { 
    color: #555555; 
} 

a { 
    color: #555555; 
} 

La costruzione equivalente in MENO comporterebbe il valore a color essendo #000 come dichiarazione variabile nell'ambito #logo sarebbe scavalcare il più generale, ma solo all'interno di tale ambito. Gli ambiti variabili non funzionano in questo modo in SCSS? C'è un modo per ottenere la stessa cosa?

Answer 1

Leggendo le risposte alle Sass variable default scope sembra che le variabili funzionano in modo diverso in SCSS-MENO.

In questo caso la definizione di $my-color in #logo cambia il valore della variabile globale mentre in MENO sarebbe stata trattata come un blocco di override locale di tale variabile globale.

Immagino che dovrò strutturare le cose in modo un po 'diverso per ottenere lo stesso risultato.

Answer 2

Questo non è più il caso, almeno a partire dal SCSS v3.4.12:

Ora Scopes correttamente le variabili:

ingresso:

$my-color: #000; 

#logo { 
    $my-color: #555; 
    color: $my-color; 
} 

a { 
    color: $my-color; 
} 

uscita:

#logo { 
    color: #555; 
} 

a { 
    color: #000; 
} 

Può essere provato in: http://sassmeister.com/