aboutsummaryrefslogtreecommitdiff
path: root/layouts/partials/meta.html
diff options
context:
space:
mode:
authorMantas <11616378+mistermantas@users.noreply.github.com>2019-01-27 10:43:29 +0200
committerMantas <11616378+mistermantas@users.noreply.github.com>2019-01-27 10:43:29 +0200
commit8dd25fab185f5e1d7dc2db10a833b4977f801cd5 (patch)
tree5a8a2f7b93f65b4faa60debae2b44d31f979775c /layouts/partials/meta.html
parent5f364a5ef49c6ace597399442ba3556be2cfee89 (diff)
Fixing a11y, colors, UX, minor cleanup
Diffstat (limited to 'layouts/partials/meta.html')
-rw-r--r--layouts/partials/meta.html23
1 files changed, 5 insertions, 18 deletions
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index e2a5056..6544af8 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -23,23 +23,10 @@
</script>
<!-- Sources -->
<style>
- /**
- * Color palette
- *
- * Defaults:
- * white: #fff;
- * whitesmoke: #f5f5f5;
- * forestgreen: #228B22;
- * crimson: #DC143C;
- * darkorange: #EE7600;
- * slategray: #708090;
- *
- */
-
html, body {
margin: 0;
background: #fff;
- color: #444;
+ color: #4d4d4d;
font: 100%/1.5 BlinkMacSystemFont, -apple-system, "San Francisco Text", "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0, 0.25);
@@ -311,10 +298,10 @@
*/
.component-status { float: right; }
- .component[data-status="ok"] .component-status { color: #{{ .Site.Params.ok }};; }
- .component[data-status="disrupted"] .component-status { color: #{{ .Site.Params.disrupted }};; }
- .component[data-status="down"] .component-status { color: #{{ .Site.Params.down }};; }
- .component[data-status="notice"] .component-status { color: #{{ .Site.Params.notice }};; }
+ .component[data-status="ok"] .component-status { color: #{{ .Site.Params.ok }}; }
+ .component[data-status="disrupted"] .component-status { color: #{{ .Site.Params.disrupted }}; }
+ .component[data-status="down"] .component-status { color: #{{ .Site.Params.down }}; }
+ .component[data-status="notice"] .component-status { color: #{{ .Site.Params.notice }}; }
/**
* Responsiveness