Probleme mit Variablen, wenn SASS-Datei von externer Seite

Question

importiert Ich habe eine SCSS Datei beginnend mit:

@import "styles"; 
@import url("http://lctools.lundbeckconsulting.no/SASS/STATIC/lct.public.scss"); 

Enthält eine Medien-Regel:

@media (max-width: $media-small-width) { //code } 

Aber beim Kompilieren die Datei in Visual Studio Ich bekomme eine Fehlermeldung, dass $ media-small-width ist ein Undeclared Variable, auch du gh es existiert in lct.public.scss das von der externen Site importiert wird.

Verwendung von Variablen aus styles.scss (lokaler Datei) arbeiten als

erwartet

Answer 1

Dies geschieht, weil die Importfunktion nur externe Dateien als CSS Importregel importieren wird - es wird nicht tatsächlich importiert die SCSS aus, dass externe Datei in den Rest Ihres Codes.

Sie müssen Ihre Variablen in Ihren lokalen Dateien deklarieren. (Dies ist möglicherweise nicht die Antwort, die Sie erhofft haben leider.!)

Dokumentation auf Import von SASS: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_import__import