From b21750cbb7af6bed960b709ae13f5e810bd32943 Mon Sep 17 00:00:00 2001
From: Matthew Rayfield <matthewrayfield@gmail.com>
Date: Thu, 14 Apr 2016 13:11:51 -0400
Subject: [PATCH] Add disabled styling for .custom-select

---
 scss/_custom-forms.scss | 6 ++++++
 scss/_variables.scss    | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 371945ce70..a15aa94746 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -161,6 +161,12 @@
     @include box-shadow($custom-select-focus-box-shadow);
   }
 
+  &:disabled {
+    color: $custom-select-disabled-color;
+    cursor: $cursor-disabled;
+    background-color: $custom-select-disabled-bg;
+  }
+
   // Hides the default caret in IE11
   &::-ms-expand {
     opacity: 0;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 82ef6f9630..8614a03ea4 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -382,8 +382,10 @@ $custom-radio-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='h
 $custom-select-padding-x:          .75rem  !default;
 $custom-select-padding-y:          .375rem !default;
 $custom-select-indicator-padding:  1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-color:         $input-color !default;
+$custom-select-color:          $input-color !default;
+$custom-select-disabled-color: $gray-light !default;
 $custom-select-bg:            #fff !default;
+$custom-select-disabled-bg:   $gray-lighter !default;
 $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
 $custom-select-indicator:     url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") !default;
 $custom-select-border-width:  $input-btn-border-width !default;