Add indeterminate state of checkboxes

2 files changed, 17 insertions, 3 deletions

diff --git a/src/buttons.less b/src/buttons.less
index 742a331..e42a31f 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -1,7 +1,7 @@
 // Buttons
 .btn {
   -webkit-appearance: none;
-  background: transparent;
+  background: #fff;
   border: .1rem solid @core-color;
   border-radius: .3rem;
   color: @core-link-color;
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
+}