如何改变布尔玛列之间的差距？

Question

我想知道如何根据 official website is-8 gap equals 2em 扩展 bulma 中列之间的默认间隙，但我需要 6em，我可以吗覆盖我的 css 文件中的 $column-gap 值 ?

Answer 1

这是一个 Sass 变量，您可以覆盖它但不能在 .css 文件中，您需要设置 Sass with node-sass or with Sass CLI or with webpack, you can also learn more about customisation with sass variables here.
所有这些链接都指向官方文档，将帮助您进行设置。然后你就可以像这样覆盖 $column-gap 和 .scss 文件中所有其他 sass 变量的值：

@charset "utf-8";

// Update all the variables you want :
$column-gap: 6em;

// And then import bulma
@import "../path/to/bulma";

// Or import only what you need from Bulma
@import "../path/to/bulma/sass/utilities/_all.sass";
@import "../path/to/bulma/sass/base/_all.sass";
@import "../path/to/bulma/sass/elements/container.sass";
@import "../path/to/bulma/sass/elements/title.sass";
@import "../path/to/bulma/sass/form/_all.sass";
@import "../path/to/bulma/sass/components/navbar.sass";
@import "../path/to/bulma/sass/layout/section.sass";

如何改变布尔玛列之间的差距？

How to change gap between columns in bulma?

sass

bulma