首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何改变柱体间的空隙?

问如何改变柱体间的空隙?
EN

Stack Overflow用户
提问于 2020-05-14 14:35:42
回答 1查看 340关注 0票数 1

我想知道如何扩展bulma中列之间的默认间隙,根据官方网站 is-8 gap等于2em,但我需要6em,我可以重写css文件中的$column-gap值吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-14 17:53:19

这是一个Sass变量,您可以重写它,但不能在.css文件中,您需要设置Sass 带节点或与Sass CLI或webpack,您还可以了解更多有关使用sass变量这里进行自定义的信息。

所有这些链接指向官方文档,并将帮助您进行设置。然后,您将能够在这样的.scss文件中重写.scss和所有其他sass变量的值:

代码语言:javascript
复制
@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";
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61800070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档