PROJET AUTOBLOG


Liens en vrac de sebsauvage

source: Liens en vrac de sebsauvage

⇐ retour index

100 Bytes of CSS to look great everywhere - DEV Community

vendredi 22 octobre 2021 à 16:35
Un CSS minimaliste pour avoir une page web de base proprement présentée:
______________________________________________________________

:root {
 max-width: 70ch;
 padding: 3em 1em;
 margin: auto;
 line-height: 1.75;
 font-size: 1.25em;
}
h1,h2,h3,h4,h5,h6 {
 margin: 3em 0 1em;
}
p,ul,ol {
 margin-bottom: 2em;
 color: #1d1d1d;
 font-family: sans-serif;
}
______________________________________________________________

Un autre framework CSS un peu moins léger (~3ko), mais qui permet aussi de styler une page simplement (en particulier avec des <code> et <blockquote> mieux présentés): https://watercss.kognise.dev/
(Intéressant aussi parce qu'il peut s'adapter automatiquement à la configuration claire/sombre de l'utilisateur.)
(via http://nicolas-delsaux.hd.free.fr/Shaarli/?YnUrhw)

Ce ne sont sans aucun doute pas les seuls framework CSS minimalistes, mais ça reste intéressant.
(Permalink)