Start minifying
This commit is contained in:
parent
8d0ee3dbea
commit
56c6702d51
5 changed files with 186 additions and 182 deletions
111
www/style.css
111
www/style.css
|
|
@ -1,110 +1 @@
|
|||
/* https://www.joshwcomeau.com/css/custom-css-reset/ */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* * { */
|
||||
/* margin: 0; */
|
||||
/* } */
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
html {
|
||||
interpolate-size: allow-keywords;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.5;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
img,
|
||||
picture,
|
||||
video,
|
||||
canvas,
|
||||
svg {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
p,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
p {
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
|
||||
/* our stuff */
|
||||
:root {
|
||||
/* auto light/dark based on user choice */
|
||||
color-scheme: light dark;
|
||||
--text: light-dark(#000000, #FFFFFF);
|
||||
--bg: light-dark(#FFFFFF, #000000);
|
||||
}
|
||||
|
||||
|
||||
/* https://smolweb.org/subset.html */
|
||||
/* structural */
|
||||
html {
|
||||
/* respect user font choices */
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* semantic */
|
||||
header strong {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
/* textual */
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* hypertextual */
|
||||
/* listing */
|
||||
/* forms */
|
||||
/* basic table */
|
||||
/* image */
|
||||
/* presentation */
|
||||
/* metainformation and linking */
|
||||
/* https://www.joshwcomeau.com/css/custom-css-reset/ */ *, *::before, *::after { box-sizing: border-box; } /* * { */ /* margin: 0; */ /* } */ @media (prefers-reduced-motion: no-preference) { html { interpolate-size: allow-keywords; } } body { line-height: 1.5; -webkit-font-smoothing: antialiased; } img, picture, video, canvas, svg { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6 { text-wrap: balance; } /* our stuff */ :root { /* auto light/dark based on user choice */ color-scheme: light dark; --text: light-dark(#000000, #FFFFFF); --bg: light-dark(#FFFFFF, #000000); } /* https://smolweb.org/subset.html */ /* structural */ html { /* respect user font choices */ font-size: 100%; } /* semantic */ header strong { font-size: 1.6rem; } footer { font-size: 0.9rem; } /* textual */ h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.2rem; } /* hypertextual */ /* listing */ /* forms */ /* basic table */ /* image */ /* presentation */ /* metainformation and linking */
|
||||
Loading…
Add table
Add a link
Reference in a new issue