From d72b01ac7ef9aee1e3e5b0463aaa27e33e9f1de4 Mon Sep 17 00:00:00 2001 From: Alex Coles Date: Mon, 16 Mar 2015 13:33:36 -0300 Subject: [PATCH] Variabilise dark gray used by icon controls Signed-off-by: Alex Coles --- app/assets/stylesheets/_settings.scss | 2 +- app/assets/stylesheets/content/_icon_control.sass | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/_settings.scss b/app/assets/stylesheets/_settings.scss index 7807b3053c..bb4a4d329f 100644 --- a/app/assets/stylesheets/_settings.scss +++ b/app/assets/stylesheets/_settings.scss @@ -103,7 +103,7 @@ $include-css: ( // $warning-color: #F08A24; // $dark-color: #232323; $gray: #EAEAEA; -$gray-dark: darken($gray, 8); +$gray-dark: #878787; $gray-light: #F8F8F8; // We use these to make sure border radius matches unless we want it different. diff --git a/app/assets/stylesheets/content/_icon_control.sass b/app/assets/stylesheets/content/_icon_control.sass index 9abe21813d..ac1429f259 100644 --- a/app/assets/stylesheets/content/_icon_control.sass +++ b/app/assets/stylesheets/content/_icon_control.sass @@ -36,7 +36,7 @@ text-align: center cursor: pointer border-radius: 50% - color: #878787 + color: $gray-dark &:hover, &.-active text-decoration: none @@ -44,7 +44,7 @@ background: $button-highlight-background-gradient &.-active:hover - color: #878787 + color: $gray-dark background: white .icon-control--icon