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

回答

相關問題