css - 如何覆盖 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 的说明