X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=877ef5980b7340d1453a2107cf6f0c76349f1f82;hp=baf35bf59abe9367432554e01f6ecb7b3fa5ef9f;hb=bcc27fd33ea930e8f22d9d8689b7c95cf04b3bd7;hpb=06a42682201c8bfdf8da363519be113f943fd7b8 diff --git a/style.css b/style.css index baf35bf..877ef59 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,8 @@ +/* Because this is the only sizing that is sane, make it global. */ +* { + box-sizing: border-box; +} + /*\ |*| |*| Properties for the page: colors, etc. @@ -17,6 +22,7 @@ /* A little color to avoid a fully monochromatic theme. */ --accent-color: #287789; --accent-color-bright: #44c7ef; + --text-fg-on-accent: white; /* Some colors intended to convey semnatics. */ --warning-color: #ffa92a; @@ -124,7 +130,6 @@ body { * of the page content. */ #page { - box-sizing: border-box; max-width: var(--page-max-width-padded); margin-left: auto; margin-right: auto; @@ -257,7 +262,7 @@ button { border-radius: 4px; background-color: var(--accent-color); border: none; - color: white; + color: var(--text-fg-on-accent); text-align: center; font-size: 125%; margin-top: .25em;