Managing Flow and Rhythm with CSS Custom Properties

24ways.org

I’ve converted mostly to only using top margin when spacing elements on a page. This article by Andy Bell showcase how you can make use of the lobotomized owl and custom properties to create flow and rythmn within your sites.

.flow {
--flow-space: 1em;
}
.flow > * + * {
margin-top: var(--flow-space);
}