layout #

fuz_css provides space and distance variables for consistent sizing across your UI. Space variants work with utility classes like .p_md and .gap_lg.

• space_xs5
  =
• space_xs4
  =
• space_xs3
  =
• space_xs2
  =
• space_xs
  =
• space_sm
  =
• space_md
  =
• space_lg
  =
• space_xl
  =
• space_xl2
  =
• space_xl3
  =
• space_xl4
  =
• space_xl5
  =
• space_xl6
  =
• space_xl7
  =
• space_xl8
  =
• space_xl9
  =
• space_xl10
  =
• space_xl11
  =
• space_xl12
  =
• space_xl13
  =
• space_xl14
  =
• space_xl15
  =

Space variants are used in classes like .p_md for padding, margin, other forms of spacing like gap, positioning, dimensions, etc.

• distance_xs
  =
• distance_sm
  =
• distance_md
  =
• distance_lg
  =
• distance_xl
  =

Distance variants have classes like .width_atmost_sm and .width_atleast_md.