css - 如何从 bulma 获取仅网格的 css 文件

Question

我正在尝试使用 bulma 框架，但我只需要网格部分，遗憾的是它全部在 sass 中，我不知道如何只获取 css 部分。

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

如果我通过 npm 下载 bulma

npm install bulma

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

Answer 1

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

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

grid.sass

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

命令行

node-sass grid.sass grid.css