Как я могу изменить отступы, поля и другие свойства css при использовании Bulma Framework? - PullRequest
0 голосов
/ 30 марта 2020

Мой проект состоит из файла 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;
}
}
}
...