walcutt/resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Responsive design

Browse Source
This commit is contained in:
walcutt 2025-05-15 20:33:13 -04:00
parent 6711ed9b2f
commit 2655a48cf6
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
site/assets/chloe.css
View File

@ -31,6 +31,7 @@
:root { :root {
--background-color: #000000; --background-color: #000000;
--text-color: #FFFFFF; --text-color: #FFFFFF;
--text-color-dim: #DDC0C0;
} }
.mobile-only { .mobile-only {
@ -101,6 +102,10 @@ a {
gap: 1em; gap: 1em;
} }
.section .block.sidebar .content {
margin-top: 0;
}
.section .block .title { .section .block .title {
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
@ -129,6 +134,7 @@ ul {
:root { :root {
--background-color: #FFFFFF; --background-color: #FFFFFF;
--text-color: #000000; --text-color: #000000;
--text-color-dim: #332020;
} }
/* /*
@ -146,6 +152,7 @@ ul {
} */ } */
} }
/* Mobile styling */
@media (max-width:600px) { @media (max-width:600px) {
.mobile-only { .mobile-only {
display: inherit; display: inherit;
@ -178,6 +185,28 @@ ul {
.section .block.block.sidebar { .section .block.block.sidebar {
display: block; display: block;
} }
strong, .title {
font-weight: inherit;
color: var(--text-color);
font-style: italic;
}
.body {
font-weight: bold;
color: var(--text-color-dim);
}
}
/* Large displays */
@media (min-width:1400px) {
.container {
max-width: 900px;
}
body {
font-size: 24px;
}
} }
@media print { @media print {