Come iniziare con Compass/Sass su Mac - Errore CSS non valido?

Sto cercando di iniziare con Compass/Sass sul mio Mac. Dopo aver eseguito sudo gem install compass, ho impostato un progetto con un singolo file main.scss e io uso compass watch affinché il file venga compilato automaticamente in CSS.Come iniziare con Compass/Sass su Mac - Errore CSS non valido?

main.scss assomiglia a questo:

@import "compass/css3/border-radius" 

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

Sembra come niente di complicato, giusto? Bene, ogni volta che salvare il file, ottengo un errore come questo:

>>> 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

C'è qualcosa di sbagliato con la mia sintassi SCSS, o semplicemente bussola semplicemente avere messaggi di errore molto povere?

fonte

2011-02-08 mikl

non ha familiarità con Compass, ma .. punto e virgola mancante alla fine della riga 1? – drudge

hai provato a dichiarare il mixin 'border-radius' direttamente in main.scss per escludere il comportamento scorretto di' @ import '? – mingos

Come ha detto @jnpcl, un punto e virgola sarebbe buono. Tuttavia, se questo era il problema, dovrebbe generare un errore direttamente correlato a questo.

Questo sembra un allungamento, ma hai copiato e incollato quella linea? Forse ci sono stranezze nel personaggio?

fonte

2011-02-09 05:02:26 theresaanna

A quanto pare, in effetti era il punto e virgola mancante, Sass ha messaggi di errore piuttosto scadenti. – mikl

Grazie. Il punto e virgola mancante era il problema. @import "bootstrap"; era richiesto per me. – noobcode

Come iniziare con Compass/Sass su Mac - Errore CSS non valido?

risposta

Problemi correlati