Atomic Bulldog - UI/pattern library

1.11.9.1 - Section Spacer

Source: atoms/modifiers/_spacing.scss, line 152

Open in new window

.has-section-spacer allow us to get consistent spacing around each sections. It will remove any top spacing of the first children and any bottom spacing of the last one. By default it use margins but you can use padding as so .has-section-spacer.is-padding

Example:

Heading 1

Age, inquies, ista parva sunt. An vero, inquit, quisquam potest probare, quod perceptfum, quod. Non potes, nisi retexueris illa. De hominibus dici non necesse est. Nam quid possumus facere melius? Erit enim mecum, si tecum erit. 

<div class="has-bg-decorative-2 has-section-spacer">
 <h1>Heading 1</h1>
 <p>
     Age, inquies, ista parva sunt. An vero, inquit, quisquam potest probare, quod perceptfum, quod. Non potes, nisi retexueris illa. De hominibus dici non necesse est. Nam quid possumus facere melius? Erit enim mecum, si tecum erit.
  </p>
</div>