SCSS zmienny zakres

Question

Jestem w trakcie przekształcania arkusza stylów z MNIEJ na SCSS i jestem zdezorientowany co do tego, co widzę ze zmiennym zakresem. Powielana z prostym przykładzie:

$my-color: #000; 

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

a { 
    color: $my-color; 
} 

przekształca się w następujący CSS:

#logo { 
    color: #555555; 
} 

a { 
    color: #555555; 
} 

Równoważnik budowlanych w MNIEJ spowodowałoby wartości a color będącego #000 jako zmienna zgłoszenia w zakresie #logo byłoby zastąpić bardziej ogólny, ale tylko w tym zakresie. Czy zmienne zakresy nie działają w ten sposób w SCSS? Czy istnieje sposób na osiągnięcie tego samego?

Answer 1

Czytając odpowiedzi na Sass variable default scope Wydaje się, że zmienne działają inaczej w SCSS do MNIEJ.

W tym przypadku definicja $my-color w #logo zmienia wartość zmiennej globalnej, natomiast w MNIEJ byłoby traktowane jako blok miejscowym ręcznym tej zmiennej globalnej.

Sądzę, że będę musiał uporządkować różne rzeczy, aby osiągnąć ten sam rezultat.

Answer 2

To już nie jest sprawa co najmniej od SCSS v3.4.12:

Teraz celownicze poprawnie zmienne:

Wejście:

$my-color: #000; 

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

a { 
    color: $my-color; 
} 

wyjściowa:

#logo { 
    color: #555; 
} 

a { 
    color: #000; 
} 

Można wypróbować w: http://sassmeister.com/