0

たぶん私はsassでミックスインを使用する方法、またはbootstrap-sass（https://github.com/thomas-mcdonald/bootstrap-sass）でミックスインを使用する方法を理解していません。しかし、入力フィールドのクラスのボックスシャドウを変更するようなことをどのように行うことができますか？

編集：明確にする必要があります。この例では、アクティブな入力フィールドが選択されているときに、グロー効果を変更しようとしています。デフォルトでは青色です。

私のプロジェクトのセットアップでは、githubページに表示されているとおりに、Gemfileにgemを入れてから、コントローラーに次のようなものを入れます。

@import "bootstrap"
.testInput {
  /*(here I have put a variation of variables that I change to see 
  if I can do something with the mixin like $bordercolor: #000;*/
  @include formFieldState()
}

だから多分、sassがどのように機能するかについての私の理解はかなり遠いです。入力のボックスシャドウを変更したい場合は、自分のミックスインでコードを繰り返すことができますが、他のミックスインでもこの種のことが可能かどうかについての一般的な質問でもありました。

4

2 に答える 2

0

変更したいものは、前ではなく@includeの後に置く必要があります。最後の宣言はCSSで優先されるため、ミックスインの前に配置すると、ミックスインバージョンが優先されます。

CSSの優先順位の詳細については、http：//www.vanseodesign.com/css/css-specificity-inheritance-cascaade/を参照してください。

于 2012-12-10T22:20:08.277 に答える
0

ミックスインが何をするかを見るためにソースを見ましたformFieldStateか？ここにあります： https ：//github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_mixins.scss#L159 。このミックスインは、ある種のコンテナ内で使用するように設計されているようformです。

input:focusデフォルトのボックスシャドウを 制御する変数はありません（その宣言はここにあります： https ：//github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_forms.scss#L126 ） 。昔ながらの方法でオーバーライドする必要があります。

于 2012-12-11T01:37:19.873 に答える