Rails +自舉混音

Question

也許我不明白如何在sass中使用mixin，或者如何在bootstrap-sass（https://github.com/thomas-mcdonald/bootstrap-sass）中使用它們。 但是我該怎么做，例如在一類輸入字段上更改框陰影？

編輯：應該澄清一下，在此示例中，我試圖在選擇活動輸入字段時更改其發光效果。 默認情況下它是藍色的。

對於我的項目設置，我就像在github頁面上說的那樣，將gem放在Gemfile中，然后在控制器中輸入：

@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()
}

因此，也許我對無禮的工作方式的理解遠未達到。 我想，如果我想更改輸入框的陰影，我可以在自己的mixin中重復代碼，但是這對於是否也可以在其他mixin中使用這種問題只是一個普遍的問題。

Answer 1

您應該將要更改的內容放在@include之后，而不是之前。 最后一個聲明以CSS獲勝，因此，如果將它們放在mixin之前，則mixin版本將獲勝。

有關CSS優先級的高級討論，請參見此處： http ://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/。

Answer 2

您是否查看了源代碼以了解formFieldState mixin的作用？ 它位於這里： https : //github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_mixins.scss#L159 。 看起來這種mixin設計用於某種類型的容器，最有可能是一種form 。

沒有變量可控制默認input:focus box-shadow（其聲明在此處： https ： //github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_forms.scss ＃L126 ）。 您將不得不以老式方式覆蓋它。