Constant padding and max-width 80ch
This commit is contained in:
parent
37b6a16755
commit
2a071b96ab
21
cv.html
21
cv.html
|
|
@ -39,7 +39,8 @@
|
||||||
body {
|
body {
|
||||||
color: var(--color-primary);
|
color: var(--color-primary);
|
||||||
background-color: var(--color-background);
|
background-color: var(--color-background);
|
||||||
padding: 1ch;
|
padding: 3ch;
|
||||||
|
max-width: 80ch;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
font-family: system-ui;
|
font-family: system-ui;
|
||||||
}
|
}
|
||||||
|
|
@ -94,24 +95,6 @@
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 600px) {
|
|
||||||
body {
|
|
||||||
padding: 2ch;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 800px) {
|
|
||||||
body {
|
|
||||||
padding: 3ch;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 900px) {
|
|
||||||
body {
|
|
||||||
max-width: 900px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
:root {
|
:root {
|
||||||
--color-primary: var(--color-primary-light);
|
--color-primary: var(--color-primary-light);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue