Improve CSS spacing and font
This commit is contained in:
parent
46bd0000ee
commit
5f6c4fa6e4
1 changed files with 27 additions and 3 deletions
|
|
@ -5,9 +5,9 @@
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* * { */
|
||||
/* margin: 0; */
|
||||
/* } */
|
||||
* {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
html {
|
||||
|
|
@ -68,11 +68,18 @@ h6 {
|
|||
color-scheme: light dark;
|
||||
--text: light-dark(#000000, #FFFFFF);
|
||||
--bg: light-dark(#FFFFFF, #000000);
|
||||
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/* https://smolweb.org/subset.html */
|
||||
/* structural */
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: max(768px, 100ch);
|
||||
}
|
||||
|
||||
html {
|
||||
/* respect user font choices */
|
||||
font-size: 100%;
|
||||
|
|
@ -81,11 +88,24 @@ html {
|
|||
|
||||
/* semantic */
|
||||
header strong {
|
||||
margin: 0.5rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 0.9rem;
|
||||
|
||||
p {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -102,6 +122,10 @@ h3 {
|
|||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
/* hypertextual */
|
||||
/* listing */
|
||||
/* forms */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue