Мой проект состоит из файла custom.s css. В этом файле я импортирую все модули bulma, в том же файле я также импортирую мои собственные модули. Препроцессор sass компилирует его в пользовательский файл. css. У меня проблемы с модификацией определенных классов. Например, я хочу изменить элемент navbar, но по умолчанию он всегда имеет значения bulma. Это мой файл custom.s css.
@charset "utf-8";
// My Custom Imports
@import "utilities/_all";
@import "layout/_generic";
@import "layout/_navigation";
// Bulma Imports
@import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/base/_all.sass";
@import "../node_modules/bulma/sass/elements/button.sass";
@import "../node_modules/bulma/sass/elements/container.sass";
@import "../node_modules/bulma/sass/elements/title.sass";
@import "../node_modules/bulma/sass/form/_all.sass";
@import "../node_modules/bulma/sass/components/navbar.sass";
@import "../node_modules/bulma/sass/layout/hero.sass";
@import "../node_modules/bulma/sass/layout/section.sass";
Это мой файл _navigation
.navbar {
.navbar-end {
.navbar-item {
padding: 5px 5px 5px 5px;
}
}
}