rails instalar bootstrap ruby-on-rails-3 sass assets

ruby-on-rails-3 - instalar - bootstrap rails 5



Las variables globales de SASS no se pasan a parciales (5)

Aparentemente, TIENE QUE usar la application.css.sass como un manifiesto, o nada funcionará.

Básicamente, puede separar todo, pero deben llamarse desde el archivo de la aplicación porque los ámbitos no se comparten.

Poco demasiado exigente si me preguntas ...

Básicamente, tengo una estructura que solía funcionar perfectamente en 3.0.x y ahora se rompe con errores de undefined variable .

  • parciales
    • _base.css.sass
    • _header.css.sass
  • main.css.sass
  • aplicacion.css.sass

el application.css.sass :

//=require ''main''

el main.css.sass :

@import ''partials/base'' @import ''partials/header''

Cosas bastante simples.

Recibo un error en _header.css.sass porque usa una variable definida en _base.css.sass

No tuve este error antes, y no tiene sentido para mí, ya que estamos importando esas variables en _base.css.sass en el mismo contexto que estamos importando _header.css.sass .

¿Voy a tener que importar el _base.css.sass en cada parcial también? ¿Cuál es el punto de main.css.sass requiere variables globales si no se pueden usar en los parciales propios que está requiriendo?

Si mi estructura está completamente equivocada, por favor dame una alternativa, me encantarán las sugerencias.

Creo que tuve el mismo problema y lo que ayudó fue declarar las variables antes de @imports. Espero que esto ayude a alguien =).

Es un archivo sass. Utilice @import en application.css.sass en lugar de require . require es para css simple o motores de plantillas que no tienen un sistema de importación.

Hay una solución simple para el tema original. Su aplicación y los archivos css principales deben ser archivos scss. Eso significa que puedes usar la sintaxis conocida:

/* *= require_self *= require main */

En main.scss puedes importar los parciales de esta manera:

@import ''partials/base'' @import ''partials/header''

Estos archivos son archivos sass y puede beneficiarse de la grandeza de SASS ;-)

No puede usar //=require para incluir cosas SASS "dinámicas" como mixins y variables, porque se usa solo para incluir las cosas más "estáticas" (como CSS puro). Tienes que @import todos tus archivos en application.css.sass . Railscasts proporciona una buena explicación de esto en el episodio # 268 .