---
notes: |
Alter spacings (padding or margin) on elements according to the spacing units defined in the settings.
- {empty}
- All sides
- t
- Top
- r
- Right
- b
- Bottom
- l
- Left
- v
- Vertical (top & bottom)
- h
- Horizontal (left & right)
- 0
- Zero
- --
- Quarter spacing unit
- -
- Half spacing unit
- {empty}
- Base spacing unit
- +
- Double spacing unit
- ++
- Quadruple spacing unit
You can also restrict style to specific breakpoints by prefixing them with the media query name, for example `.xs-pdg+`.
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tempore fuga delectus debitis asperiores distinctio saepe itaque aut,
temporibus veritatis rerum odit exercitationem facilis, impedit amet,
molestiae necessitatibus natus. Distinctio, nam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tempore fuga delectus debitis asperiores distinctio saepe itaque aut,
temporibus veritatis rerum odit exercitationem facilis, impedit amet,
molestiae necessitatibus natus. Distinctio, nam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tempore fuga delectus debitis asperiores distinctio saepe itaque aut,
temporibus veritatis rerum odit exercitationem facilis, impedit amet,
molestiae necessitatibus natus. Distinctio, nam.
Responsive
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tempore fuga delectus debitis asperiores distinctio saepe itaque aut,
temporibus veritatis rerum odit exercitationem facilis, impedit amet,
molestiae necessitatibus natus. Distinctio, nam.
Responsive
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tempore fuga delectus debitis asperiores distinctio saepe itaque aut,
temporibus veritatis rerum odit exercitationem facilis, impedit amet,
molestiae necessitatibus natus. Distinctio, nam.