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>