Because every developer has their own preferences, and to satisfy Bulma's
customization features, it's possible to specify your own
class name shortcuts as well as the
spacing values.
For example, if you wanted:
margin to be abbreviated to mg
padding to be totally
excluded
horizontal to be abbreviated to h
vertical to be excluded as well
and to only have 3 values: "small" at 10px,
"medium" at 30px, and
"large" at 60px
You can simplify the CSS output by customizing these
SCSS variables:
Property
Shortcut
Classes ↓
Values →
10px
30px
60px
margin
mg
mg-small
mg-medium
mg-large
margin-top
mgt
mgt-small
mgt-medium
mgt-large
margin-right
mgr
mgr-small
mgr-medium
mgr-large
margin-bottom
mgb
mgb-small
mgb-medium
mgb-large
margin-left
mgl
mgl-small
mgl-medium
mgl-large
margin-left and margin-right
mgh
mgh-small
mgh-medium
mgh-large
By customizing the output, you've narrowed down the list of spacing helpers
from 112 to only 18.