From ec9e0c1119c4e7dde55112bcfb04f7fb82825798 Mon Sep 17 00:00:00 2001
From: Phil Hughes <me@iamphill.com>
Date: Wed, 30 Mar 2016 08:48:39 +0100
Subject: SCSS variables

---
 app/assets/stylesheets/framework/variables.scss | 7 +++++++
 app/assets/stylesheets/pages/notes.scss         | 8 ++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss
index bb49ae396c7..cfe9cd6e36c 100644
--- a/app/assets/stylesheets/framework/variables.scss
+++ b/app/assets/stylesheets/framework/variables.scss
@@ -207,3 +207,10 @@ $location-badge-bg: $gray-normal;
 $location-icon-color: #e7e9ed;
 $location-active-color: $gl-text-color;
 $location-active-bg: $search-input-border-color;
+
+/*
+ *  Notes
+ */
+$notes-light-color: #8e8e8e;
+$notes-action-color: #8f8f8f;
+$notes-role-border-color: #e4e4e4;
diff --git a/app/assets/stylesheets/pages/notes.scss b/app/assets/stylesheets/pages/notes.scss
index 9f466a817fb..775b7857c49 100644
--- a/app/assets/stylesheets/pages/notes.scss
+++ b/app/assets/stylesheets/pages/notes.scss
@@ -176,7 +176,7 @@ ul.notes {
 
 .note-headline-light,
 .discussion-headline-light {
-  color: #8e8e8e;
+  color: $notes-light-color;
 }
 
 /**
@@ -187,7 +187,7 @@ ul.notes {
 .note-actions {
   float: right;
   margin-left: 10px;
-  color: #8F8F8F;
+  color: $notes-action-color;
 }
 
 .note-action-button,
@@ -219,10 +219,10 @@ ul.notes {
   display: inline-block;
   padding-left: 4px;
   padding-right: 4px;
-  color: #8F8F8F;
+  color: $notes-action-color;
   font-size: 12px;
   line-height: 20px;
-  border: 1px solid #E4E4E4;
+  border: 1px solid $notes-role-border-color;
   border-radius: $border-radius-base;
 }
 
-- 
cgit v1.2.1