0

私はまだ古いコロン構文(ブラケット構文よりもそれを好む)とこの特定のコードを使用しています:

a.button-link 
  +box($main-color) 
  +border-radius(5px) 
  :background 
    :color $main-color 
  :color #fff 
  :padding 5px 

次のような警告を生成します。

非推奨の警告:12行目で、'/Users/eumir/rails_apps/dxconnect/app/ stylesheets / partials / Utilities / _link-styles.sass'の文字3は非推奨になり、バージョン3.2で削除されます。代わりに「background:$main-color」を使用してください。

試しましたが、背景色が表示されません。これについて何か助けがありますか?ありがとう!

4

3 に答える 3

1

試す:

a.button-link
  background: $main-color

また

a.button-link
  background-color: $main-color
于 2010-06-17T14:07:26.473 に答える
1

SCSSではなくSASS構文を使用する場合でも(私もそうです!)、コンバーターを使用してファイルを更新する必要があります。

sass-convert --from=sass2 --to=sass --recursive views/stylesheets

sass-convert --helpすべてのオプションオプションについては、を参照してください。

于 2010-06-20T10:24:37.913 に答える
0

これが私がHamlグループから得た実用的な答えです。どうやら私は自分の変数を$main-color:#f00ではなく$ main-color: "#f00"として宣言したようです

「$main-color変数には引用符を含めないでください。Sass3では、すべての変数とミックスイン引数は、余分な引用符を付けずに、CSSに表示したいとおりにする必要があります。」

于 2010-06-18T07:28:52.750 に答える