diff options
author | Thomas Voss <mail@thomasvoss.com> | 2023-08-15 23:52:25 +0200 |
---|---|---|
committer | Thomas Voss <mail@thomasvoss.com> | 2023-08-15 23:52:25 +0200 |
commit | bb0cd30e25dc0ab8b68f4b8e45c5dc882f480b5f (patch) | |
tree | a78904766a067ddf7cf03e6254e6d33c5943bbb3 /style.css |
Genesis Commit
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..31d40dc --- /dev/null +++ b/style.css @@ -0,0 +1,57 @@ +@page { + size: auto; + margin: 0; +} + +*, *::before, *::after { + box-sizing: border-box; +} + +body { + display: grid; + grid-template-columns: 1fr min(800px, 90%) 1fr; + margin: 0; + font-size: 1.1rem; +} + +body > * { + grid-column: 2; +} + +#links { + padding-inline-start: 1rem; +} + +@media (min-width: 480px) { + #links { + display: flex; + width: 100%; + justify-content: space-between; + padding-inline: 0; + } + + #links li { + list-style: none; + } +} + +x-entry { + display: grid; + grid-template-columns: 1fr 1fr; +} + +x-entry > header { + font-weight: bold; +} + +x-entry > :is(x-job-title, x-time-range, x-description) { + text-align: right; +} + +x-entry > p { + grid-column: span 2; +} + +section > x-entry:not(:last-child) { + margin-bottom: 1rem; +} |