Main Article Title
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum veritatis doloremque eum omnis corporis mollitia tenetur! Provident quasi praesentium vel, alias saepe quisquam quae hic debitis expedita totam eum libero?
Header and paragraphs
Header do not have margins by default to avoid margin collapse but paragraphs have a small bottom margin.
Margins are too opinionated and depends heavily in the layout. So I let users play with it.
Details
Click to expand
A little bit or margin is good enough
Anchors and links
Default font color that becomes strong on hovering and accented underline.Forms
Forms layout are always customized and the styling is highly coupled with the layout. Example: margins of labels are highly coupled with the decision on puting them above the input or besides it. That's why Sustainable.css do not add a lot of CSS to inputs and labels.
We focus on giving a small styling to the inputs elements and let the user define how to layout it and further customize it. We do recommend using the sadly forgotten fieldset element.
The following form is just 10 lines of CSS, good enough.
Mark
This is a highlighted text.
Articles
I add a border and align to the right the footer. Usages notes in MDN Web Docs
Block quote
Words can be like X-rays, if you use them properly—they'll go through anything. You read and you're pierced.
Lists
- first item
-
second item
- second item first subitem
- second item second subitem
- second item third subitem
- third item