[FEATURE] Ctag button colors (#88)

OVERVIEW In sidebars on the content collection pages, there are slide buttons that have persistent VHX colors. This PR addresses the button color changes for c-tag--button elements. SOLUTION incomponent-tag.js changed button colors from VHX colors to Vimeo colors Added alert button color (already in Crystal) NOTES I could not actually find the element within app.js in quartz, but I assume this will work.
vhx · Oct 9, 2017 · 7dcc602 · 7dcc602
1 parent 022af6e
commit 7dcc602
Show file tree

Hide file tree

Showing 8 changed files with 181 additions and 30 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 1.5.9
+**2017-10-9**
+* changed base colors of c-tag--button elements.
+
 ### 1.5.8
 **2017-10-6**
 * added vimeo branded dropdown colors.

diff --git a/VERSION b/VERSION
@@ -1 +1 @@
-1.5.8
+1.5.9
diff --git a/app/public/quartz.css b/app/public/quartz.css
diff --git a/dist/default.css b/dist/default.css
diff --git a/dist/quartz.css b/dist/quartz.css
diff --git a/dist/quartz.min.css b/dist/quartz.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vhx/quartz",
-  "version": "1.5.8",
+  "version": "1.5.9",
   "description": "VHX Style Guide and JS Components.",
   "homepage": "https://github.com/vhx/quartz",
   "author": "VHX",

diff --git a/quartz-css/buttons/styles/default.scss b/quartz-css/buttons/styles/default.scss
@@ -366,6 +366,19 @@ select {
     ffffff      // loader
   );
 }
+
+.btn-vimeo-red {
+  @extend .btn;
+  @include button-colors(
+    #ff4d4d,  // background
+    #d93636,  // background hover
+    #ffffff,  // color
+    #ffffff,  // color hover
+    #ff4d4d,  // border color
+    #d93636,   // border color hover
+    8699a6  // loader
+  );
+}
 /*.....................................
   BUTTON ICONS
 ......................................*/