ryuslash/new-ryuslash.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Apply “58 bytes of CSS to look great nearly everywhere”[1]

Browse source 
[1]: https://gist.github.com/JoeyBurzynski/617fb6201335779f8424ad9528b72c41
This commit is contained in:
Tom Willemse 2022-11-13 23:51:04 -08:00
parent 9e9e8be427
commit 856f1779ce
1 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/less/include/common.less
View file

@ -1,5 +1,13 @@
@import 'colors'; @import 'colors';
html {
max-width: 70ch;
padding: 3em 1em;
margin: auto;
line-height: 1.75;
font-size: 1.25em;
}
a { a {
text-decoration: underline; text-decoration: underline;
@ -31,10 +39,6 @@ a {
body { body {
border: 0; border: 0;
font-family: "PT Sans", "Liberation Sans", "DejaVu Sans", "Tahoma", "Verdana", "Arial", sans-serif; font-family: "PT Sans", "Liberation Sans", "DejaVu Sans", "Tahoma", "Verdana", "Arial", sans-serif;
font-size: 15pt;
margin: 0;
padding: 0;
line-height: 160%;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background-color: @dark-background; background-color: @dark-background;
@ -47,6 +51,10 @@ body {
} }
} }
h1, h2, h3, h4, h5, h6 {
margin: 3em 0 1em;
}
h1 { h1 {
font-size: 1.6rem; font-size: 1.6rem;
} }
@ -81,3 +89,7 @@ pre {
} }
p { margin: 0; } p { margin: 0; }
p, ul, ol, dl {
margin-bottom: 2em;
}