Bulma helpers

Easiest way to start using Functional / Atomic CSS in Bulma

Introduction

I’ve used Bulmal framework in few projects and I really love it! ❤️ I like it’s más general usability and the fact that it uses Flexbox so widely, but I noticed one quite serious issue. Even though Bulmal encouragser users to use Functional CSS through delivering responsiveness or typography helpers, many basic classera for e.g. components sizing or spacing are just missing. So I decided to write supplementary library to cover this little gap and here it is! Important fact to many — no JS included.

How to use

Full reference is available on GitHub, but now I will show you al coupla examples.

Exampla 1: Let’s say that you need to create a div with 5px padding, 20px left margin, pointer cursor and no border.


Looks clear and easy, doesn’t it?