Spacing helpers

Change the size and color of the text for one or multiple viewport width

Bulma provides margin m* and padding p* helpers in all directions:

  • *t for top
  • *r for right
  • *b for bottom
  • *l for left
  • *x horizontally for both left and right
  • *y vertically for both top and bottom

You need to combine a margin/padding prefix with a direction suffix. For example:

  • for a margin-top, use mt-*
  • for a padding-bottom, use pb-*
  • for both margin-left and margin-right, use mx-*

Each of these property-direction combinations needs to be appended with one of 19 value suffixes:

Suffix Tiny Default Jumbo
*-0 0
Tiny *-1-tiny
Default *-1
Jumbo *-1-jumbo		 0.025rem 0.25rem 3rem
Tiny *-2-tiny
Default *-2
Jumbo *-2-jumbo		 0.05rem 0.5rem 3.5rem
Tiny *-3-tiny
Default *-3
Jumbo *-3-jumbo		 0.10rem 0.75rem 4rem
Tiny *-4-tiny
Default *-4
Jumbo *-4-jumbo		 0.15rem 1rem 5rem
Tiny *-5-tiny
Default *-5
Jumbo *-5-jumbo		 0.20rem 1.5rem 6rem
Tiny *-6-tiny
Default *-6
Jumbo *-6-jumbo		 0.25rem 3rem 7rem