Как переопределить стили формы в 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