Spacing

Give your element spacing from other elements with Fire UI spacing. To use only Fire UI spacing feature, copy and paste this stylesheet link into your head element to load Fire UI spacing CSS.

<link rel="stylesheet" href="https://unpkg.com/@fire-ui/fire-ui@0.1.1/src/feature/Spacing/spacing.css">

Margins

Classes for margins in Fire UI: (possible values for [num] = 0, 1, 2, 3, 4, 5 and auto)

m-[num] (margin)
mt-[num] (margin top)
mb-[num] (margin bottom)
mr-[num] (margin right)
ml-[num] (margin left)

Paddings

Classes for paddings in Fire UI: (possible values for [num] = 0, 1, 2, 3, 4 and 5)

p-[num] (padding)
pt-[num] (padding top)
pb-[num] (padding bottom)
pr-[num] (padding right)
pl-[num] (padding left)