--- title: Modularity layout: documentation doc-tab: overview doc-subtab: modular breadcrumb: - home - documentation - overview - overview-modular --- {% capture import %} @import "bulma/sass/utilities/_all" @import "bulma/sass/grid/columns" {% endcapture %} {% capture columns %}
1
2
3
4
5
{% endcapture %} {% capture only_button %} @import "bulma/sass/utilities/_all" @import "bulma/sass/elements/button.sass" {% endcapture %} {% capture buttons %} Button Primary button Large button Loading button {% endcapture %}

Bulma consists of 39 .sass files that you can import individually.

For example, let's say you only want the Bulma columns.
The file is located in the bulma/sass/grid folder.
Simply import the utilities dependencies, and then the files you need directly:

{% highlight sass %}{{ import }}{% endhighlight %}

Now you can use the classes .columns (for the container) and .column directly:

{% highlight html %}{{ columns }}{% endhighlight %}

What if you only want the button styles instead?

{% highlight sass %}{{ only_button }}{% endhighlight %}

You can now use the .button class, and all its modifiers:

{% highlight html %}{{ buttons }}{% endhighlight %}