ruby-on-rails-3.1 - log - signup rails

¿Persisten las variables SCSS en la cartera de activos de los ferrocarriles?

Question

Estoy actualizando una aplicación de Rails con muchas hojas de estilo SCSS para usar el canal de activos, y necesito incluir algunas variables globales y combinaciones para cada archivo.

Agregar varias directivas @import en la parte superior de cada archivo no es muy SECO, así que me gustaría hacer algo como esto:

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

Esto no funciona, por supuesto, porque las variables no se conservan en los archivos. Alguien sabe como lograr esto?

Answer 1

La sintaxis de manifiesto predeterminada no es lo suficientemente potente como para brindarle funciones útiles de Sass como variables compartidas, mixins, etc. En su lugar, debe:

1. Cambie el nombre de application.css a application.scss (o application.css.scss en Rails 4 o anterior)

2. En lugar de utilizar el

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

   tonterías, ahora deberías usar

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

   Esto asegurará que tenga todos los beneficios de sus variables y combinaciones a lo largo de su proyecto, y se mantendrá tan SECO como lo permita Sass.

Answer 2

No parece ser posible. Terminé de anteponer cada archivo con @import ''includes/all''; e incluyendo todo lo demás desde includes/all.css.scss .

Answer 3

Simplemente importar el archivo necesario de cada archivo Scss o Sass parece haber funcionado para mí. Por ejemplo, tengo un archivo colors.scss que incluye algunas constantes como esta:

$black: #222;

Lo requiero en mi manifiesto de application.css junto con algunos otros archivos:

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

En mi archivo buttons.css.scss, simplemente hago esto para evitar el error:

@import "colors";