diff options
Diffstat (limited to 'stylesheets/commun.css')
| -rw-r--r-- | stylesheets/commun.css | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/stylesheets/commun.css b/stylesheets/commun.css index 0c50ad3..49071bf 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -1,3 +1,6 @@ +/* TODO: use a preprocessor, if only to be able to say + "wide-layout-threshold" instead of "50em", and + "xwide-layout-threshold" instead of "80em". */ body { --gold: #BE8B00; @@ -107,7 +110,7 @@ footer.legal { font-size: 75%; } -@media (min-width: 40em) { +@media (min-width: 50em) { body { --banner-logo-height: 8.5rem; --banner-name-height: 2rem; @@ -148,14 +151,12 @@ footer.legal { padding-left: 0; } - /* I'd like to make sure the grid only ever has 1/2/4 columns. - * No idea how to do that with one single neat rule, so… + /* I'd like to make sure the grid only ever has an even number of + * columns. No idea how to do that with one single neat rule, so… * 🤖 Go Go Gadget Mediaquery 🤖 */ - @media (min-width: 50em) { - nav > ol { - grid-template-columns: repeat(2, minmax(8em, 1fr)); - } + nav > ol { + grid-template-columns: repeat(2, minmax(8em, 1fr)); } @media (min-width: 80em) { @@ -238,7 +239,7 @@ footer.legal { } } -@media (max-width: 40em) { +@media (max-width: 50em) { body { --banner-logo-height: 6rem; --banner-name-height: 1.8rem; |