2011-02-08 6 views
5

Próbuję rozpocząć pracę z Compass/Sass na moim Macu. Po uruchomieniu sudo gem install compass skonfigurowałem projekt z pojedynczym plikiem main.scss i używam compass watch do automatycznego skompilowania pliku do CSS.Jak zacząć korzystanie z Compass/Sass na komputerze Mac - Nieprawidłowy błąd CSS?

main.scss wygląda następująco:

@import "compass/css3/border-radius" 

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

niby nic skomplikowanego, prawda? Cóż, za każdym razem jak zapisać plik, pojawia się błąd jak poniżej:

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

jest coś nie tak z moim składni SCSS, lub po prostu kompas po prostu bardzo słabe komunikaty o błędach?

+4

Nie znasz kompasu, ale .. brakuje średnika na końcu wiersza 1? – drudge

+0

Czy próbowałeś zadeklarować mixin 'border-radius' bezpośrednio w pliku main.scss, aby wykluczyć niewłaściwe zachowanie '@ import'? – mingos

Odpowiedz

15

Jak powiedział @jnclcl, średnik będzie dobry. Jednak w takim przypadku powinien on zgłosić błąd bezpośrednio związany z tym.

To wygląda na rozciągnięcie, ale czy skopiowałeś i wkleiłeś tę linię? Może dzieje się dziwaczność postaci?

+4

Jak się okazało, był to brakujący średnik, Sass ma raczej kiepskie komunikaty o błędach. – mikl

+0

Dziękuję. Brakowało średnika. @import "bootstrap"; był wymagany dla mnie. – noobcode