No se puede compilar SCSS piel rwd en Magento CE 1.9

sass magento-1.9

Question

Estoy intentando crear una rwd Magento basada en la piel rwd proporcionada en CE 1.9 / EE 1.14. Sin embargo, cuando intento compilar el SCSS (en una instalación limpia, después de eliminar los archivos en /skin/frontend/rwd/default/css ), /skin/frontend/rwd/default/css el siguiente error:

$ compass compile scss
    write css/madisonisland-ie8.css
    write css/madisonisland.css
    write css/scaffold-forms.css
    error scss/styles-ie8.scss (Line 541 of scss/core/_common.scss: Invalid CSS after "a:not(": expected ")", was "".button")")
Sass::SyntaxError on line ["541"] of /var/www/development/magento-mirror/skin/frontend/rwd/default/scss/core/_common.scss: Invalid CSS after "a:not(": expected ")", was "".button")"
Run with --trace to see the full backtrace

La línea 541 en scss/core/_common.scss es:

a:not(".button") {

Y si .button las comillas circundantes de .button , compila con éxito. Sin embargo, como se trata de una nueva instalación de Magento, ¿debería realmente necesitar editar archivos para que compilen? ¿Podría haber una configuración en la brújula que me he perdido, etc.?

Gracias

Answer 1

Yo también experimenté este problema mientras hacía exactamente lo mismo que Tom Griffin, creando un nuevo paquete personalizado / customtheme con rwd / default como padre.

Copiar core / _common.scss en mi carpeta customtheme y eliminar las citas según el mensaje inicial de Tom corrige el problema y permite que compás compile correctamente.

Es bastante malo que Magento envíe archivos SCSS inválidos que no se compilan. ¡Ciertamente no me ayudó cuando aprendí SASS y Compass por primera vez!

Como Tom postuló, tal vez sea una versión o configuración de SASS / Compass que tienen los desarrolladores de temas de Magento. Estoy usando SASS 3.4.1 y Compass 1.0.0.

Gracias

Tom

Answer 2

Este es un problema de compatibilidad con la brújula. Cuando se envió el tema Magento 1.9 rwd, la última versión de Compass era 0.12.6, que se compiló correctamente. Al menos he probado con 1.12.3 y no tuve problemas para compilar. Sospecho que esto se solucionará en la próxima versión, ya que los desarrolladores habrán estado compilando una versión posterior de la brújula a medida que salían. La eliminación de las comillas logrará el resultado deseado y se compila correctamente al menos en las versiones 1.0.0 y 1.0.1. Esto realmente es más un problema de compatibilidad con la brújula que una falla del núcleo de Magento, pero estoy seguro de que se solucionará pronto.

Answer 3

Abra scss / core / _common.scss y edite la línea 541 solo elimine las comillas de ".button"

a:not(.button) {