2011-02-08 5 views
5

私はMacでCompass/Sassを使い始めようとしています。 sudo gem install compassを実行した後、私は単一のmain.scssファイルを持つプロジェクトをセットアップしました。私はcompass watchを使ってファイルを自動的にCSSにコンパイルします。MacでCompass/Sassを使い始める方法 - CSSエラーが無効ですか?

main.scssは次のようになります。

@import "compass/css3/border-radius" 

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

は、右の複雑な何もない、のように思えますか?まあ、私は、ファイルを保存するたびに、私はこのようなエラーが出る:

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

はちょうど非常に悪いのエラーメッセージを持っている私のSCSS構文と間違って何か、あるいは単にコンパスありますか?

+4

コンパスには慣れていませんが、行1の最後にセミコロンがありませんか? – drudge

+0

main.scssで直接 'border-radius'ミックスインを宣言して、' @ import'不正行為を除外しようとしましたか? – mingos

答えて

15

@jnpclが言ったように、セミコロンは良いでしょう。しかし、それが問題だった場合は、それに直接関係するエラーが発生するはずです。

これはストレッチのようですが、その行をコピーして貼り付けましたか?おそらく、キャラクターの奇妙な現象が起こっていますか?

+4

実際、セミコロンが見つからなかったので、Sassはエラーメッセージが貧弱です。 – mikl

+0

ありがとうございます。不足しているセミコロンが問題でした。 @import "ブートストラップ";私のために必要でした。 – noobcode

関連する問題