时间戳

首页 > 解决方案 > 使用 bulma 框架时如何修改填充、边距和其他 css 属性？

css - 使用 bulma 框架时如何修改填充、边距和其他 css 属性？

问题描述

我的项目包含一个 custom.scss 文件，在这个文件中，我导入了所有的 bulma 模块，在同一个文件中，我还导入了我的自定义模块。sass 预处理器将其编译为 custom.css 文件。我在修改 bulma 定义的类时遇到问题。例如，我想修改 navbar-item 但它始终默认为 bulma 值。这是我的 custom.scss 文件。

@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;
}
}
}

标签： csssassbulma

解决方案

推荐阅读