Come funziona lo scope variabile Stylus tra i file?

Question

Idealmente, vorrei istituire un unico file "colors.styl" dove posso definire tutti i colori utilizzati in tutto il sito in questo modo:

// --------------- GENERAL VARIABLE DEFINITIONS 
$beige  = #F2F2F2 
$darkGrey  = #282828 
$errorRed  = #B94A48 

Quando provo accesso a tali variabili in altri file, ho basta avere il nome della variabile di nuovo al posto del valore deliberato:

body { 
    background-color: $beige; 

sto compilando i file in ordine in modo colors.styl va prima di tutto il resto. Le variabili perdono il loro ambito tra i file in Stylus?

Answer 1

Sì, le variabili perdono l'ambito tra i file.

Ma è possibile @import color negli altri file per accedere alle variabili.

Answer 2

Invece di fare @import "colors" in ogni file, si può anche fare un file del caricatore principale, in questo modo:

@import "colors" 

@import "styles1" 
@import "styles2" 

variabili definite in colors.styl saranno poi disponibili in styles1.styl e styles2.styl. L'output dallo stilo sarà un unico file css contenente tutti i tuoi stili.