Trwałe zmienne SCSS w potoku zasobów kolejowych?

Question

Uaktualniam aplikację szyny z wieloma arkuszami stylów SCSS, aby użyć potoku zasobów i trzeba uwzględnić niektóre zmienne globalne i mixiny dla każdego pliku.

Dodanie kilku @import dyrektyw w górnej części każdego pliku nie jest bardzo suche, więc chciałbym zrobić coś takiego:

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

to nie działa oczywiście, ponieważ zmienne nie jest zachowywane w plikach. Czy ktoś wie, jak to osiągnąć?

Answer 1

domyślna manifest składnia nie jest wystarczająco silne, aby dać ci przydatny Sass, takich jak wspólne zmienne, wstawek itp zamiast tego, Należy:

1. Rename application.css do application.scss (lub application.css.scss w Rails 4 lub wcześniej)

2. Zamiast

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

   nonsens, należy teraz używać

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

   To zapewni masz pełną korzyść swoich zmiennych i wstawek w całym projekcie, a trzymane są suche jak Sas s pozwala.

Answer 2

Nie wydaje się możliwe. Zakończono przygotowywanie każdego pliku przy użyciu @import 'includes/all'; i uwzględnianie wszystkich innych elementów z poziomu includes/all.css.scss.

Answer 3

Po prostu importowanie niezbędnego pliku z każdego pliku Scss lub Sass sprawdziło się. Na przykład mam pliku colors.scss który zawiera kilka stałych tak:

$black: #222; 

I potrzebują w moim application.css oczywisty wraz z kilkoma innymi pliki:

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

W moim przycisków. plik css.scss, po prostu to zrobić, aby uniknąć błędu:

@import "colors";