diff --git a/package.json b/package.json index f21de3c..9f708b2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@fwdekker/template", - "version": "2.4.0", + "version": "2.4.1", "description": "The base template for pages on fwdekker.com.", "author": "Felix W. Dekker", "license": "MIT", diff --git a/src/main/css/snippets/common.css b/src/main/css/snippets/common.css index 11a4df7..c0dcf4e 100644 --- a/src/main/css/snippets/common.css +++ b/src/main/css/snippets/common.css @@ -23,11 +23,19 @@ main { margin-bottom: 5rem; } -noscript p { - color: red; - font-weight: bold; + +/* Noscript */ +noscript img { + position: absolute; } +noscript p { + font-weight: bold; + text-align: center; +} + + +/* Generic classes */ .hidden { display: none !important; } @@ -47,11 +55,3 @@ footer { #footerVersion { float: right; } - - -/* Make arrow next to dropdown visible */ -select { - -webkit-appearance: menulist; - -moz-appearance: menulist; - appearance: auto; -} diff --git a/src/main/css/snippets/overrides.css b/src/main/css/snippets/overrides.css index e21b4e0..6e423a3 100644 --- a/src/main/css/snippets/overrides.css +++ b/src/main/css/snippets/overrides.css @@ -1,5 +1,14 @@ -/* Override Milligram color scheme */ -/* Replaces #9b4dca with #0033cc */ +/* Make arrow next to dropdown visible */ +select { + -webkit-appearance: menulist; + -moz-appearance: menulist; + appearance: auto; +} + + +/* Override Milligram color scheme, based on v1.4.1. */ +/* Replaces #9b4dca with `--fwdekker-theme-color`. */ +/* Simply look at latest unminimized Milligram release and Ctrl+F where #9b4dca occurs. */ .button, button, input[type='button'], @@ -66,19 +75,19 @@ pre { border-left: 0.3rem solid var(--fwdekker-theme-color); } +input[type='color']:focus, +input[type='date']:focus, +input[type='datetime']:focus, +input[type='datetime-local']:focus, input[type='email']:focus, +input[type='month']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, -input[type='color']:focus, -input[type='date']:focus, -input[type='month']:focus, input[type='week']:focus, -input[type='datetime']:focus, -input[type='datetime-local']:focus, input:not([type]):focus, textarea:focus, select:focus {