Spacing Helpers

Collection of helpers for setting spacing of elements


--px

The --px helper anchors adds equal padding on both sides of the horizontal axis of an element. The value of this helper collectively sets padding-left and padding-right CSS properties.

Lorem ipsum dolor sit amet consectetur adipisicing elit.
<div style="--px:3;"> ... </div>

--py

The --py helper anchors adds equal padding on both sides of the vertical axis of an element. The value of this helper collectively sets padding-top and padding-bottom CSS properties.

Lorem ipsum dolor sit amet consectetur adipisicing elit.
<div style="--py:3;"> ... </div>

--mx

The --mx helper anchors adds equal margin on both sides of the horizontal axis of an element. The value of this helper collectively sets margin-left and margin-right CSS properties.

Lorem ipsum dolor sit amet consectetur adipisicing elit.
<div style="--mx:3;"> ... </div>

--my

The --my helper anchors adds equal margin on both sides of the vertical axis of an element. The value of this helper collectively sets margin-top and margin-bottom CSS properties.

Lorem ipsum dolor sit amet consectetur adipisicing elit.
<div style="--my:3;"> ... </div>