sass - compiler - Cómo sobrescribir las variables SCSS al compilar en CSS

sass scss

Question

Estoy tratando de usar la temática jqtouch, que está basada en SASS y COMPASS. Tengo un archivo custom.scss con el código más simple, una importación y una variable para sobrescribir:

@import ''jqtouch'';

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/

Cuando ahora compilo el archivo scss en css, básicamente generará jqtouch css con mi nombre de archivo. La especificación de color no se ve por ningún lado, aunque la variable es definitivamente correcta según la documentación ( Guía oficial ) y en el archivo jqtouch.scss, que importo para personalizar.

Estoy ejecutando Sass 3.2.9 y Compass 0.12.2 en una máquina con Windows.

Lo he intentado con más variables y diferentes importaciones de archivos, pero el resultado siempre es que mis valores de anulación no están incorporados.

El archivo de configuración de ruby ​​para brújula parece no ser sospechoso.

¿Alguien tiene una idea de lo que sale mal en el proceso para que se ignoren mis valores de anulación?

Answer 1

Estás configurando el color después de que ya se haya utilizado. Básicamente, lo que estás tratando de hacer es esto:

$color: red;

.foo {
    background: $color;
}

$color: green;

Dependiendo de cómo se escriba jqtouch, es posible que no pueda modificar los colores en absoluto. Necesita las variables que se establecerán como predeterminadas para sobrescribirlas antes de tiempo:

$color: green;
$color: red !default; // red is only used if $color is not already set

.foo {
    background: $color; // color is green
}

Entonces su código debe escribirse como tal:

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/

@import ''jqtouch'';