Compare commits
2 commits
46bd0000ee
...
cca7ad6eb2
| Author | SHA1 | Date | |
|---|---|---|---|
| cca7ad6eb2 | |||
| 5f6c4fa6e4 |
2 changed files with 28 additions and 4 deletions
|
|
@ -1,5 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en-us">
|
<html lang="en-US">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
|
|
|
||||||
|
|
@ -5,9 +5,9 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* * { */
|
* {
|
||||||
/* margin: 0; */
|
margin: 0;
|
||||||
/* } */
|
}
|
||||||
|
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
html {
|
html {
|
||||||
|
|
@ -68,11 +68,18 @@ h6 {
|
||||||
color-scheme: light dark;
|
color-scheme: light dark;
|
||||||
--text: light-dark(#000000, #FFFFFF);
|
--text: light-dark(#000000, #FFFFFF);
|
||||||
--bg: light-dark(#FFFFFF, #000000);
|
--bg: light-dark(#FFFFFF, #000000);
|
||||||
|
|
||||||
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* https://smolweb.org/subset.html */
|
/* https://smolweb.org/subset.html */
|
||||||
/* structural */
|
/* structural */
|
||||||
|
body {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: max(768px, 100ch);
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
/* respect user font choices */
|
/* respect user font choices */
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
|
|
@ -81,11 +88,24 @@ html {
|
||||||
|
|
||||||
/* semantic */
|
/* semantic */
|
||||||
header strong {
|
header strong {
|
||||||
|
margin: 0.5rem;
|
||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
margin: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -102,6 +122,10 @@ h3 {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* hypertextual */
|
/* hypertextual */
|
||||||
/* listing */
|
/* listing */
|
||||||
/* forms */
|
/* forms */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue