Variabili SCSS persistenti nella pipeline delle risorse dei binari?

Question

Sto aggiornando un'applicazione Rails con molti fogli di stile SCSS per utilizzare la pipeline di asset e ho bisogno di includere alcune variabili globali e mixin per ogni file.

Aggiunta di diverse direttive @import nella parte superiore di ogni file non è molto secco, quindi mi piacerebbe fare qualcosa di simile:

# application.css 
/* 
*= require variables 
*= require mixins 
*= require_tree . 
*/ 

Questo non funziona, ovviamente, perché le variabili sono non persistente tra i file. Qualcuno sa come raggiungerlo?

Answer 1

l'impostazione predefinita sintassi manifesta non è abbastanza potente per darvi utili Sass caratteristiche come variabili condivise, mixins, ecc, invece, è dovrebbe:

1. Rinomina application.css a application.scss (o application.css.scss in Rails 4 o precedenti)

2. Invece di usare il nonsense

   /* 
   *= require variables 
   *= require mixins 
   *= require_tree . 
   */ 
   

   , ora si dovrebbe usare

   @import "variables"; 
   @import "mixins"; 
   @import "blah"; // import each SCSS file in your project like this. 
   

   Questo assicurerà di avere pieno beneficio delle variabili e mixins tutto il progetto, e si sono tenuti il ​​più asciutto Sas s permette.

Answer 2

Non sembra possibile. Finito il prepending di ogni file con @import 'includes/all'; e includendo tutto il resto da includes/all.css.scss.

Answer 3

L'importazione del file necessario da ogni file Scss o Sass sembra aver funzionato per me. Ad esempio, ho un file colors.scss che include alcune costanti come questo:

$black: #222; 

ho bisogno nella mia application.css manifesta insieme ad alcuni altri file:

/* 
*= require colors 
*= require buttons 
*/ 

Nei miei pulsanti. lima css.scss, ho semplicemente fare questo per evitare l'errore:

@import "colors";