diff options
Diffstat (limited to 'served/words/words.css')
| -rwxr-xr-x | served/words/words.css | 71 |
1 files changed, 20 insertions, 51 deletions
diff --git a/served/words/words.css b/served/words/words.css index 0bc724d..ac46e6b 100755 --- a/served/words/words.css +++ b/served/words/words.css @@ -1,69 +1,38 @@ -div { +#written { display: grid; - grid-template-columns: 2fr 1fr; -} - -#weeknotes-section { - grid-column: 2 / 3; - display: flex; - flex-direction: column; - row-gap: 0.5rem; + grid-template-columns: min-content 1fr; + column-gap: 0.5rem; } -#written { - grid-row: 1; - grid-column: 1 / 2; - - display: flex; - flex-direction: column; - row-gap: 1rem; +#written>h2 { + grid-column: 1 / 3; + margin: 0 0 1rem 0; } -#what-weeknotes { - align-self: end; - margin: -0.75rem 0 0 0; +h3 { font-weight: normal; + font-size: 1.15rem; } -.wk-notes { - padding: 0; - margin: 0; - display: flex; - flex-direction: row; - flex-wrap: wrap; - column-gap: 1rem; - row-gap: 1rem; - +ul { + padding-left: 0; list-style: none; - display: flex; -} - -.wk-long { - width: 100%; } -h2 { +h3, +ul { margin: 0; } -#weeknotes { - margin: 0; +h3, +li { + font-family: 'Atkinson Hyperlegible Mono', monospace, sans-serif; } -@media (max-width: 30rem) { - div { - display: flex; - flex-direction: column; - } - - #written { - margin-top: 1rem; - } +li { + margin-bottom: 0.4rem; +} - #what-weeknotes { - align-self: normal; - /* min to give it the smallest chance not to look super weird - on like 100px wide displays. (are those real?) */ - margin-left: min(50vw, 8rem); - } +li a { + font-family: 'Atkinson Hyperlegible', sans-serif; } \ No newline at end of file |