From 16ae0df38d274955b321506a12c6cfbc51c26798 Mon Sep 17 00:00:00 2001 From: Chris Rodriguez Date: Wed, 9 Sep 2015 08:12:43 -0400 Subject: [PATCH] LMS: updating hover colors for visited links --- lms/static/sass/base/_base.scss | 6 ++++-- lms/static/sass/base/_reset.scss | 6 +++--- lms/static/sass/base/_variables.scss | 2 +- 3 files changed, 8 insertions(+), 6 deletions(-) diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss index 3dfa0b988c..3f0e27e874 100644 --- a/lms/static/sass/base/_base.scss +++ b/lms/static/sass/base/_base.scss @@ -84,7 +84,7 @@ p { @include transition(all 0.1s linear 0s); &:hover, &:focus { - color: $link-color; + color: $link-hover; text-decoration: underline; } } @@ -96,7 +96,9 @@ a, a:visited { text-decoration: none; @include transition(all 0.1s linear 0s); - &:hover, &:focus { + &:hover, + &:focus { + color: $link-hover; text-decoration: underline; } diff --git a/lms/static/sass/base/_reset.scss b/lms/static/sass/base/_reset.scss index 2f32e334a6..c6c770f506 100644 --- a/lms/static/sass/base/_reset.scss +++ b/lms/static/sass/base/_reset.scss @@ -9,9 +9,9 @@ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 10 html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } -a { color: #00e; } -a:visited { color: #551a8b; } -a:hover, a:focus { color: #06e; } +a { color: #005584; } // from the Pattern Library http://ux.edx.org/elements/colors/ +a:visited { color: #003655; } // from the Pattern Library http://ux.edx.org/elements/colors/ +a:hover, a:focus { color: #0079BC; } // from the Pattern Library http://ux.edx.org/elements/colors/ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } diff --git a/lms/static/sass/base/_variables.scss b/lms/static/sass/base/_variables.scss index 0acb8b8392..ebd490dd6a 100644 --- a/lms/static/sass/base/_variables.scss +++ b/lms/static/sass/base/_variables.scss @@ -463,7 +463,7 @@ $border-color-l4: $m-gray-l4; // MISC: links and buttons $link-color: $blue; $link-color-d1: $blue; -$link-hover: $pink; +$link-hover: $blue-l1; // from our Pattern Library http://ux.edx.org/elements/colors/ $site-status-color: $pink; $button-color: $blue; $button-archive-color: rgb(238,238,238); // #eeeeee