如何覆盖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"
;

现在，您在自己的display: block;：

中覆盖_forms.scss

label {
    display: inline;
}

备注：

• 推荐使用_vars.scss来覆盖inuit.css 变量，而不是样式 - 使用自己导入的CSS文件覆盖样式（参见上文）
• 请勿更改inuit.css文件本身，因为更新后您将丢失这些更改
• 查看README.md有关如何使用inuit.css
的说明