From 4ff56c6407ec37f18bd899913f128b1f4158fccf Mon Sep 17 00:00:00 2001 From: Kenneth Steimel Date: Wed, 13 Mar 2019 16:54:48 -0400 Subject: [PATCH] Added coloration for selections and contrasting (#476) color for anchor elements when selected --- static/css/_global.scss | 13 ++++++++++++- static/css/_variables.scss | 2 +- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/static/css/_global.scss b/static/css/_global.scss index 6f9719b6..d3e58bfe 100644 --- a/static/css/_global.scss +++ b/static/css/_global.scss @@ -4,13 +4,24 @@ html, body { background: $background; color: $black; font-family: $route159; + ::selection { + background: $lightpurple; + } + ::-moz-selection { + background: $lightpurple; + } } a, a:visited { color: $purple; text-decoration: none; } - +a::selection { + color: $white; +} +a::-moz-selection { + color: $white; +} small { margin-left: 1em; color: transparentize($black, 0.6); diff --git a/static/css/_variables.scss b/static/css/_variables.scss index b3349fe0..84fb5407 100644 --- a/static/css/_variables.scss +++ b/static/css/_variables.scss @@ -1,5 +1,4 @@ // Colors - $background: #F4F4F4; $form-input-background: #FFFFFF; $gray: #E3E3E3; @@ -7,6 +6,7 @@ $lightgray: #ECECEC; $black: #242424; $white: #F4F4F4; $purple: #7765E3; +$lightpurple: #c2bbee; $red: #E92F2F; // Fonts