Update disabled state for forms

1 files changed, 37 insertions, 3 deletions

diff --git a/src/forms.less b/src/forms.less
index f9dc328..3eafd65 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -24,9 +24,6 @@
   &:focus {
     border-color: @primary-color;
   }
-  &[disabled] {
-    background: @bg-color;
-  }
 
   // Input sizes
   &.input-sm {
@@ -93,6 +90,7 @@
   outline: 0;
   padding: .5rem .8rem;
   vertical-align: middle;
+
   &[multiple] {
     option {
       padding: .2rem .4rem;
@@ -361,6 +359,40 @@
   }
 }
 
+// Form disabled
+.form-select {
+  &:disabled,
+  &.disabled {
+    background-color: @dark-bg-color;
+    cursor: default;
+    opacity: .5;
+  }
+}
+
+input {
+  &:disabled,
+  &.disabled {
+    & {
+      background: @dark-bg-color;
+      cursor: default;
+      opacity: .5;
+    }
+    & + .form-icon {
+      background: @dark-bg-color;
+      border-color: @light-gray-color;
+      cursor: default;
+      opacity: .5;
+      pointer-events: none;
+    }
+  }
+}
+
+.form-switch {
+  input:disabled + .form-icon::after {
+    background: @light-bg-color;
+  }
+}
+
 // Form Horizontal
 .form-horizontal {
   padding: 1rem;
@@ -368,10 +400,12 @@
   .form-group {
     display: flex;
   }
+
   .form-label {
     padding: .8rem .4rem;
     margin-bottom: 0;
   }
+
   .form-checkbox,
   .form-radio,
   .form-switch {