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?
No estoy familiarizado con Compass, pero ... ¿falta un punto y coma al final de la línea 1? – drudge
¿ha intentado declarar la mezcla de 'border-radius' directamente en main.scss para descartar la mala conducta' @ import'? – mingos