From 5d3b6ed8619f2301dcad0ceba00d151863f4081e Mon Sep 17 00:00:00 2001
From: Simon Knox <psimyn@gmail.com>
Date: Wed, 29 Nov 2017 08:53:26 +1100
Subject: fix icon colors in commit list

this is not a great way to do this. But using currentColor for these
means we are competing with this selector:
 ul.content-list li a
---
 app/assets/stylesheets/framework/icons.scss | 42 ++++++++++-------------------
 1 file changed, 14 insertions(+), 28 deletions(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/framework/icons.scss b/app/assets/stylesheets/framework/icons.scss
index 9e45ed52163..e2084e8f85f 100644
--- a/app/assets/stylesheets/framework/icons.scss
+++ b/app/assets/stylesheets/framework/icons.scss
@@ -1,62 +1,48 @@
 .ci-status-icon-success,
 .ci-status-icon-passed {
-  &,
-  &:hover,
-  &:focus {
-    color: $green-500;
+  svg {
+    fill: $green-500;
   }
 }
 
 .ci-status-icon-failed {
-  &,
-  &:hover,
-  &:focus {
-    color: $gl-danger;
+  svg {
+    fill: $gl-danger;
   }
 }
 
 .ci-status-icon-pending,
 .ci-status-icon-failed_with_warnings,
 .ci-status-icon-success_with_warnings {
-  &,
-  &:hover,
-  &:focus {
-    color: $orange-500;
+  svg {
+    fill: $orange-500;
   }
 }
 
 .ci-status-icon-running {
-  &,
-  &:hover,
-  &:focus {
-    color: $blue-400;
+  svg {
+    fill: $blue-400;
   }
 }
 
 .ci-status-icon-canceled,
 .ci-status-icon-disabled,
 .ci-status-icon-not-found {
-  &,
-  &:hover,
-  &:focus {
-    color: $gl-text-color;
+  svg {
+    fill: $gl-text-color;
   }
 }
 
 .ci-status-icon-created,
 .ci-status-icon-skipped {
-  &,
-  &:hover,
-  &:focus {
-    color: $gray-darkest;
+  svg {
+    fill: $gray-darkest;
   }
 }
 
 .ci-status-icon-manual {
-  &,
-  &:hover,
-  &:focus {
-    color: $gl-text-color;
+  svg {
+    fill: $gl-text-color;
   }
 }
 
-- 
cgit v1.2.1