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和column.sass文件。最后，运行node-sass以获得闪亮的新 CSS 文件。

网格.sass

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

命令行

node-sass grid.sass grid.css

Answer 2

从0.7.1版开始，仅编译 Grid Column 系统的方法是这样的：

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

1. 下载或git clone回购

   git clone git@github.com:jgthms/bulma.git
   cd bulma
   

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

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

3. 编译

   node-sass grid.sass grid.css
   

Answer 3

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

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