sass中的布尔玛导入顺序，缺少元素答案

【问题标题】：Bulma import order in sass, missing elementssass中的布尔玛导入顺序，缺少元素
【发布时间】：2022-01-02 14:44:02
【问题描述】：

我这样导入了我想要的bulma元素

@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";
@import "../../node_modules/bulma/sass/grid/columns.sass";
@import "../../node_modules/bulma/sass/components/card.sass";
@import "../../node_modules/bulma/sass/components/modal.sass";
@import "../../node_modules/bulma/sass/elements/icon.sass";

除了显示十字以关闭模式之外，一切正常。

我测试了用bulma.sass导入所有Bulma，十字架显示得很好。经过仔细检查，似乎缺少extend.sass，但我确实导入了通常包含扩展的@import "../../node_modules/bulma/sass/utilities/_all.sass";。甚至单独添加扩展也不起作用。

我试图更改我的导入顺序，但它涉及到模态不再工作等问题。

我在 Bulma 文档的导入中没有看到任何推荐的顺序。我使用 node-sass 进行编译。

你有什么想法，我做错了吗？谢谢

【问题讨论】：

标签： css import sass bulma node-sass

【解决方案1】：

我刚刚遇到同样的问题，最后发现显示“关闭”十字的另一个必需元素是：/bulma/sass/elements/other

如果你添加一行来导入它：

@import '../../node_modules/bulma/sass/elements/other';

你应该在消息中得到十字架。

【讨论】：