文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从bulma中获取纯网格css文件

问如何从bulma中获取纯网格css文件
EN

Stack Overflow用户

提问于 2017-05-02 01:03:09

回答 3查看 2.7K关注 0票数 3

我正在尝试使用bulma框架，但我只需要网格部分，可悲的是，这一切都在sass中，我不知道如何只获得css部分。

存储库在这里https://github.com/jgthms/bulma/tree/master/sass/grid，我假设网格名为columns.sass

如果我通过npm下载bulma作为

npm install bulma

我已经安装了get/sass。如何只在css中获取网格部分？

css

sass

bulma

回答 3

Stack Overflow用户

发布于 2017-05-04 10:19:32

您可以使用node-sass构建您所引用的列(网格)的CSS版本。

使用npm下载bulma包。然后创建一个单独的文件来导入mixins.sass和column.sass文件。最后，运行node-sass获得漂亮的新CSS文件。

grid.sass

@import "utilities/mixins.sass"
@import "grid/columns.sass"

命令行

node-sass grid.sass grid.css

票数 6

Stack Overflow用户

发布于 2018-05-05 19:15:58

从0.7.1版本开始，仅编译网格列系统的方法如下：

先决条件:您需要安装node-sass：npm install -g node-sass

下载或git clone存储库

git克隆git@github.com:jgthms/bulma.git cd bulma

创建文件grid.sass并添加以下行：

@import "sass/utilities/_all“@import "sass/grid/columns"

Compile

node-sass grid.sass grid.css

票数 2

Stack Overflow用户

发布于 2017-08-25 21:08:32

bulma > 0.4的更新答案，您也需要导入variables.sass

 @import "utilities/variables.sass"
 @import "utilities/mixins.sass"
 @import "grid/columns.sass"

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43723110

复制

相似问题

问如何从bulma中获取纯网格css文件
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从bulma中获取纯网格css文件EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从bulma中获取纯网格css文件
EN