[FEATURE] updated dropdown menu color (#92)

OVERVIEW This PR changes the border color of the dropdown menu to match Vimeo colors. SOLUTION change $gray-3 to $porcelain in dropdowns.scss ran build.
vhx · Oct 12, 2017 · 01078b8 · 01078b8
1 parent 93406ff
commit 01078b8
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 1.6.2
+**2017-10-12**
+* Updated dropdown border color.
+
 ### 1.6.1
 **2017-10-11**
 * Updated tooltip color.

diff --git a/VERSION b/VERSION
@@ -1 +1 @@
-1.6.1
+1.6.2
diff --git a/app/public/quartz.css b/app/public/quartz.css
@@ -3179,7 +3179,7 @@ hr.column {
     display: none;
     background: #fff;
     z-index: 2147483600;
-    border: 1px solid #D7DDE1;
+    border: 1px solid #e3e8e9;
     border-radius: 5px;
     position: absolute;
     top: 50px;
@@ -3215,7 +3215,7 @@ hr.column {
       margin-right: -7px; }
     .dropdown .dropdown-list:before {
       border-color: rgba(255, 255, 255, 0);
-      border-bottom-color: #D7DDE1;
+      border-bottom-color: #e3e8e9;
       border-width: 6px;
       margin-right: -8px; }
   .dropdown.dropdown--xsmall .dropdown-list {

diff --git a/dist/dropdowns.css b/dist/dropdowns.css
@@ -52,7 +52,7 @@
     display: none;
     background: #fff;
     z-index: 2147483600;
-    border: 1px solid #D7DDE1;
+    border: 1px solid #e3e8e9;
     border-radius: 5px;
     position: absolute;
     top: 50px;
@@ -88,7 +88,7 @@
       margin-right: -7px; }
     .dropdown .dropdown-list:before {
       border-color: rgba(255, 255, 255, 0);
-      border-bottom-color: #D7DDE1;
+      border-bottom-color: #e3e8e9;
       border-width: 6px;
       margin-right: -8px; }
   .dropdown.dropdown--xsmall .dropdown-list {

diff --git a/dist/quartz.css b/dist/quartz.css
@@ -3231,7 +3231,7 @@ hr.column {
     display: none;
     background: #fff;
     z-index: 2147483600;
-    border: 1px solid #D7DDE1;
+    border: 1px solid #e3e8e9;
     border-radius: 5px;
     position: absolute;
     top: 50px;
@@ -3267,7 +3267,7 @@ hr.column {
       margin-right: -7px; }
     .dropdown .dropdown-list:before {
       border-color: rgba(255, 255, 255, 0);
-      border-bottom-color: #D7DDE1;
+      border-bottom-color: #e3e8e9;
       border-width: 6px;
       margin-right: -8px; }
   .dropdown.dropdown--xsmall .dropdown-list {

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.6.1",
+  "version": "1.6.2",
   "description": "VHX Style Guide and JS Components.",
   "homepage": "https://github.com/vhx/quartz",
   "author": "VHX",

diff --git a/quartz-css/dropdowns/styles/dropdowns.scss b/quartz-css/dropdowns/styles/dropdowns.scss
@@ -27,7 +27,7 @@
     display: none;
     background: $white;
     z-index: 2147483600;
-    border: 1px solid $gray-3;
+    border: 1px solid $porcelain;
     border-radius: 5px;
     position: absolute;
     top: 50px;
@@ -73,7 +73,7 @@
     }
     &:before {
       border-color: rgba(255, 255, 255, 0);
-      border-bottom-color: $gray-3;
+      border-bottom-color: $porcelain;
       border-width: 6px;
       margin-right: -8px;
     }