2011-02-08 17 views
5

Estoy tratando de comenzar con Compass/Sass en mi Mac. Después de ejecutar sudo gem install compass, he configurado un proyecto con un solo archivo main.scss y uso compass watch para tener el archivo compilado automáticamente en CSS.Cómo comenzar a utilizar Compass/Sass en Mac: ¿error de CSS no válido?

main.scss se parece a esto:

@import "compass/css3/border-radius" 

div .blah .baz { 
    @include border-radius(4px, 4px); 
    font-weight: bold; 
} 

parece que nada complicado, ¿verdad? Así, cada vez que guarda el archivo, me sale un error como este:

>>> Change detected to: /Users/mikl/Sites/ddk7/profiles/blaahval/themes/kaskelot/./scss/main.scss 
    error ./scss/main.scss (Line 3: Invalid CSS after ".../border-radius"": expected selector or at-rule, was "$blue: #3bbfce;") 
overwrite ./css/main.css 

¿Hay algo malo con mi sintaxis SCSS, o simplemente rodear sólo hay mensajes de error muy pobres?

+4

No estoy familiarizado con Compass, pero ... ¿falta un punto y coma al final de la línea 1? – drudge

+0

¿ha intentado declarar la mezcla de 'border-radius' directamente en main.scss para descartar la mala conducta' @ import'? – mingos

Respuesta

15

Como dijo @jnpcl, un punto y coma sería bueno. Sin embargo, si ese era el problema, debería arrojar un error directamente relacionado con eso.

Esto parece un tramo, pero ¿copió y pegó esa línea? Tal vez hay rarezas de carácter que suceden?

+4

Resultó que, de hecho, era el punto y coma que faltaba lo que lo hacía, Sass simplemente tiene mensajes de error bastante pobres. – mikl

+0

Gracias. El punto y coma que faltaba era el problema. @import "bootstrap"; fue requerido para mí – noobcode

Cuestiones relacionadas