refactor(labeledIcons): add variable for icon color

eea · Mar 30, 2022 · 9f9d3cb · 9f9d3cb
1 parent 4ae8530
commit 9f9d3cb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/theme/themes/eea/extras/downloadLabeledIcon.less b/theme/themes/eea/extras/downloadLabeledIcon.less
@@ -29,12 +29,12 @@
 
     .icon {
       cursor: pointer;
-      font-size: @downloadLabeledIconIconFontSize;
-      color: @mediumPersianBlue;
       display: flex;
+      align-items: center;
+      font-size: @downloadLabeledIconIconFontSize;
+      color: @downloadLabeledIconColor;
       width: @downloadLabeledIconIconWidth;
       height: @downloadLabeledIconWrapperIconHeight;
-      align-items: center;
     }
   }
 

diff --git a/theme/themes/eea/extras/downloadLabeledIcon.variables b/theme/themes/eea/extras/downloadLabeledIcon.variables
@@ -20,6 +20,7 @@
 @downloadLabeledIconIconFontSize: 1.563rem;
 @downloadLabeledIconWrapperIconHeight: 1.25rem;
 @downloadLabeledIconIconWidth: 1.25rem;
+@downloadLabeledIconColor: @mediumPersianBlue;
 
 /* Link Wrapper */
 @downloadLabeledIconLinkWrapperBackgroundColor: #f9f9f9;