如何覆蓋inuit.css中的表單樣式？

Question

是否有推薦的方法來覆蓋/更改inuit.css中的表單樣式？

inuit.css/base/_forms.scss有一個規則設置標籤標籤爲display: block;，這是打破我正在使用的CMS。當然，我可以修改這個文件，或從_inuit.scss刪除導入，但都不是一個好方法。

在_vars.scss中添加規則是推薦的方法，用於覆蓋默認值不起作用。這兩個規則最終都在編譯後的css文件中，並且內置優先。

Answer 1

在css/style.scss你添加自己的文件是這樣的：

/** 
* She’s all yours, cap’n... Begin importing your stuff here. 
*/ 
//@import "ui/example"; 
@import 
     "ui/base", 
     "ui/forms" 
; 

現在你在你自己的_forms.scss覆蓋display: block;：

label { 
    display: inline; 
} 

注：

• 的_vars.scss是推薦修補inuit.css 變量，而不是樣式 –使用自己導入的CSS文件覆蓋樣式（請參閱上文）
• 不要更改inuit.css文件本身，因爲您將盡快失去這些更改您更新
• 退房的README.md關於如何使用inuit.css