Reintroduce CSS style variables

predixdesignsystem · Nov 30, 2016 · 78936c6 · 78936c6
1 parent 8f7a47a
commit 78936c6
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 14 deletions.
diff --git a/HISTORY.md b/HISTORY.md
@@ -1,6 +1,10 @@
+v1.0.0
+==================
+* Reintroduce CSS style variables
+
 v0.1.7
 ==================
-* remove CSS style variables from 0.4.X release track
+* remove CSS style variables from 0.1.X release track
 
 v0.1.6
 ==================

diff --git a/_objects.actionable.scss b/_objects.actionable.scss
@@ -25,13 +25,13 @@
   &:visited,
   &:active,
   &:focus {
-    color: $primary-blue;
+    color: var(--px-actionable-text-color, $primary-blue);
   }
   &:hover{
-    color: $primary-blue-hover;
+    color: var(--px-actionable-text-color--hover, $primary-blue-hover);
   }
   &:active {
-    color: $primary-blue-pressed;
+    color: var(--px-actionable-text-color--active, $primary-blue-pressed);
   }
 }
 
@@ -41,13 +41,13 @@
   &:visited,
   &:active,
   &:focus {
-    color: $select-blue-default;
+    color: var(--px-selectable-text-color, $select-blue-default);
   }
   &:hover{
-    color: $select-blue-hover;
+    color: var(--px-selectable-text-color--hover, $select-blue-hover);
   }
   &:active {
-      color: $select-blue-pressed;
+      color: var(--px-selectable-text-color--active, $select-blue-pressed);
     }
   }
 
@@ -57,13 +57,13 @@
   &:visited,
   &:active,
   &:focus {
-    color: $gray8;
+    color: var(--px-actionable-alt-text-color, $gray8);
   }
   &:hover{
-    color: $primary-blue;
+    color: var(--px-actionable-alt-text-color--hover, $primary-blue);
   }
   &:active {
-      color: $primary-blue-pressed;
+      color: var(--px-actionable-alt-text-color--active, $primary-blue-pressed);
     }
   }
 
@@ -75,7 +75,7 @@
     &:hover,
     &:active {
       cursor: not-allowed;
-      color: $gray4;
+      color: var(--px-disabled-text-color, $gray4);
     }
   }
 

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "px-actionable-text-icons-design",
-    "version": "0.1.7",
+    "version": "1.0.0",
     "authors": [
         "General Electric"
     ],

diff --git a/css/px-actionable-text-icons-design-demo.css b/css/px-actionable-text-icons-design-demo.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "px-actionable-text-icons-design",
-    "version": "0.1.7",
+    "version": "1.0.0",
     "description": "Actionable Text and Icon styles for Predix Experience",
     "private": false,
     "scripts": {