Browse Source

Improve styling of noscript to be less intrusive

Also slightly improves a bit of code organisation, but nothing significant there.
master v2.4.1
F.W. Dekker 4 months ago
parent
commit
b756a2cc44
Signed by: FWDekker GPG Key ID: 78B3EAF58145AF25
  1. 2
      package.json
  2. 18
      src/main/css/snippets/common.css
  3. 23
      src/main/css/snippets/overrides.css

2
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",

18
src/main/css/snippets/common.css

@ -23,11 +23,19 @@ main {
margin-bottom: 5rem;
}
/* Noscript */
noscript img {
position: absolute;
}
noscript p {
color: red;
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;
}

23
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 {

Loading…
Cancel
Save