2012-07-25 10 views
6

Tengo un problema al utilizar mezclas incluidas en Bourbon. Cuando este mixin usa la función "compacta" de Bourbon, simplemente lo compila en el CSS sin usarlo. Aquí es una captura de pantalla de la CSS rendred para un box-shadow:Función "compacta" en Bourbon con SASS no llamado

http://i.stack.imgur.com/YF1JB.png

lo uso en un sitio no estático, con la última versión Sass. Yo uso Codekit para compilar.

¡Gracias por la ayuda!

+0

Similar http://stackoverflow.com/questions/41957672/compass-box-shadow-mixin-returns-invalid-property-value – Green

Respuesta

14

Ok, así que después de bucear un poco más profundo aquí es cómo lo arreglé.

Este problema está siendo causado probablemente debido a este compromiso: https://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af

El compacta función se ha reescrito en Ruby para integrar mejor con rieles. Inicialmente copié la carpeta 'stylesheet' del repositorio. Y eso es cuando comencé sytax falso.

He reparado el error leyendo las instrucciones :) - las instrucciones sobre cómo instalarlo en Rails y luego funcionó.

En su caso, idk si tienen una aplicación codekit pero creo que se puede arreglar añadiendo el siguiente código:

@function compact($var-1,  $var-2: false, 
        $var-3: false, $var-4: false, 
        $var-5: false, $var-6: false, 
        $var-7: false, $var-8: false, 
        $var-9: false, $var-10: false) { 
    $full: $var-1; 
    $vars: $var-2, $var-3, $var-4, $var-5, 
     $var-6, $var-7, $var-8, $var-9, $var-10; 

    @each $var in $vars { 
    @if $var { 
     $full: $full, $var; 
    } 
    } 
    @return $full; 
} 

(me dieron el código de la cesión temporal)

en un nombre de archivo _function.scss dentro de su carpeta de complementos y referenciarlo en _bourbon.scss. Y eso debería solucionar tu problema.

+0

Tuve un problema similar cuando ejecuté activos: precompilación. Usé su solución, pero tuve que agregar $ var-11 a las listas anteriores. Gracias por la solución apta. – ghayes

+0

Si usa la sintaxis de SASS: https://gist.github.com/mahemoff/5251266 – mahemoff

Cuestiones relacionadas