Add indeterminate state of checkboxes

1 files changed, 16 insertions, 2 deletions

diff --git a/src/forms.less b/src/forms.less
index 87fa664..6c7e559 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -153,7 +153,8 @@
   &:hover .form-icon {
     border-color: darken(@control-color, 15%);
   }
-  input:checked + .form-icon {
+  input:checked + .form-icon,
+  input:indeterminate + .form-icon {
     background: @core-color;
     border-color: @core-color;
   }
@@ -180,6 +181,19 @@
       width: .6rem;
     }
   }
+  input:indeterminate + .form-icon {
+    &::after {
+      background: #fff;
+      content: "";
+      height: .2rem;
+      left: 50%;
+      margin-left: -.4rem;
+      margin-top: -.1rem;
+      position: absolute;
+      top: 50%;
+      width: .8rem;
+    }
+  }
 }
 .form-radio {
   .form-icon {
@@ -294,4 +308,4 @@
       z-index: 99;
     }
   }
-}
\ No newline at end of file
+}