Rails + bootstrap-sass混合

Question

也许我不明白如何在sass中使用mixin，或者如何在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的工作原理的理解有很大的偏差。我猜，如果我想改变输入的框影，我可以在我自己的mixin中重复代码，但这也是一个普遍的问题，如果这种事情在其他mixin中也是可能的。

Answer 1

你有没有看过源代码，看看formFieldState mixin做了什么？它生活在这里：https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_mixins.scss#L159。看起来这个mixin被设计用在某种类型的容器中，很可能是一个form。

没有变量控制默认的box- input:focus (它的声明在这里：https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_forms.scss#L126)。你必须用传统的方式覆盖它。

Answer 2

你应该把你想要修改的东西放在@include之后，而不是之前。最后一个声明会在CSS中胜出，所以如果你把它们放在mixin之前，mixin版本就会胜出。

查看此处：http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/获取CSS优先级的高级讨论。