makeup-style/src/space.css

Minimal CSS files for correcting, improving and normalizing default browser CSS, for narrow viewports first, and provides convenient and intuitive CSS-defaults for styling in general and typographic style.

/* Consistent block margin for the needed block-level elements. */
:where(
	h1, h2, h3, h4, h5, h6,
	address, datalist, details, fieldset, pre, table,
	canvas, embed, figure, iframe, object, video,
	dl, ol, ul,
	blockquote, p, hr
) {
	margin-top: var(--space-block-start, var(--space-block, var(--space, 1rem)));
	margin-bottom: var(--space-block-end, var(--space-block, var(--space, 1rem)));
}

/* Similar block height for needed elements. */
hr {
	height: var(--space-block, var(--space, 1rem));
}