Merge pull request #103 from picturepan2/feature/new-checkbox

Feature/new checkbox

3 files changed, 29 insertions, 18 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
+}
diff --git a/src/layout.less b/src/layout.less
index d2a9358..e32897a 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -301,22 +301,19 @@
     width: 8.33333333%;
   }
 }
+.form-horizontal {
+  padding: 1rem;
 
-@media screen and (max-width: @size-md ) {
-  .form-horizontal {
-    padding: 1rem;
-
-    .form-group {
-      display: flex;
-    }
-    .form-label {
-      padding: .8rem .4rem;
-      margin-bottom: 0;
-    }
-    .form-checkbox,
-    .form-radio {
-      margin: .5rem 0;
-    }
+  .form-group {
+    display: flex;
+  }
+  .form-label {
+    padding: .8rem .4rem;
+    margin-bottom: 0;
+  }
+  .form-checkbox,
+  .form-radio {
+    margin: .5rem 0;
   }
 }