Rails + bootstrap-sass mixins

也许我不明白如何使用mixin和sass，或者如何使用bootstrap-sass（https://github.com/thomas-mcdonald/bootstrap-sass）。但是，我怎么能做一些像改变输入字段类的盒子阴影？Rails + bootstrap-sass mixins

编辑：应该澄清，在这个例子中，我试图改变激活的输入字段，当它被选中时的发光效果。默认情况下它是蓝色的。

对于我的项目设置，我有它就像它说GitHub的页面上有宝石在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() 
}

所以也许我如何理解sass的作品是离开的。我想如果我想改变输入框的阴影，我可以在我自己的mixin中重复该代码，但这也只是一个普遍问题，如果这种事情对其他mixin也是可能的。

来源

2012-12-10 Doug

你看过源代码来看看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）。你必须以旧式的方式重写它。

来源

2012-12-11 01:37:19 cimmanon

试图，但是当我添加一个过渡，与一个盒子阴影引导程序的设置重写我放入什么。我不能改变输入字段上的任何东西。 – Doug

除非你提供了一些代码和你想要完成的事情的清晰图片（你从未提到过OP中的转换），我无法再帮你了。 – cimmanon

你应该把你想要改变的东西放在@include之后，而不是之前。最后一个声明是用CSS获胜的，所以如果你把它们放在mixin之前，那么mixin版本将会获胜。

请参阅：http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/了解关于CSS优先级的高级讨论。

来源

2012-12-10 22:20:08

Rails + bootstrap-sass mixins

回答

相关问题