A modern CSS Flow Layout
This style sheet implements Flow Layout. This is useful for showing flowing text, when no browser default style sheet is present or it was unset like after using reset.css.
It's basically the browser default style sheet, but only the section for text containing elements and with slightly different values. It is designed to work with the text containing elements generated from basic Markdown.
See the test page with reset and flow and without reset. Thanks to html5-test-page.
- Flow Layout within the
<article>element display: flow-rootinstead ofdisplay: flow- bigger headers with smaller margins
- lists with consistent marker style, child lists without margin
- blockquote without color
- table without color and without alignment
font-sizeon the<article>allows to scale size of contents since everything is inem
Beware: Using flow.css you shouldn't use <article> element for anything else than flowing text anymore!
This reset should work in all modern browsers.
For more details, see browser support for :is() pseudo-class.