ruby-on-rails - sassc - ruby sass is deprecated and will be unmaintained as of 26 march 2019

Compartiendo mixins entre archivos scss en rails 3.1

Question

Estoy tratando de referirme a una mezcla definida en un archivo (application.css.scss) en otro (home.css.scss). He intentado importar la aplicación a mi casa, pero sigo obteniendo el error "Undefined mixin".

¿Hay alguna forma de importar automáticamente todos mis archivos o cuál es la mejor manera de administrar las importaciones entre archivos?

Answer 1

Solución Pure Rails

Paso 1. Renombrar

application.css -> application.css.scss

Paso 2. Refactor

// application.css.scss

/*
 *= require_self
*/

@import "mixins.css.csss"
@import "project.css.scss"

Answer 2

Todavía no he podido dar el salto a 3.1, pero al usar Compass & Sass durante bastante tiempo, he encontrado que es mejor tratar de administrar el mixin / definition sass por separado de tu actual Sass generador de CSS. De esta manera, los archivos de mezcla se pueden tratar libremente como bibliotecas de código, incluidas cuando sea necesario, sin que éstas generen repetidamente reglas CSS.

Por lo que podría tener:

/* my-mixin-concern.scss */
$default_foo: 123px !default;

@mixin some-concern($foo: $default_foo) {
  // do something
}

/* application.scss */
$default_foo: 321px; // optionally, pre-set the default value before import.
@import ''my-mixin-concern'';  
p { @include some-concern; }

/* home.scss */
@import ''my-mixin-concern'';
body.home p { @include some-concern(9000px); }

De esta manera, está importando explícitamente todos los requisitos para cada archivo scss, de manera similar a como lo haría en una biblioteca de códigos.