Modularity
Leaf is made of a series of .scss
files that you can import individually.
For example, if you only want to use the Leaf columns.
The file is located in the leaf-css/scss/grid
folder.
Simply import the utilities dependencies, and the files you need:
@import "~@fanxie/leaf-css/scss/utils/_all"
@import "~@fanxie/leaf-css/scss/grid/columns"
Now you can use the columns as follows:
<div class="columns">
<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
<div class="column">4</div>
</div>