_forms.scss in spectre_scss-0.5.3.0

- old
+ new

@@ -191,11 +191,11 @@
 
 // Form element: Checkbox and Radio
 .form-checkbox,
 .form-radio,
 .form-switch {
-  display: inline-block;
+  display: block;
   line-height: $line-height;
   margin: ($control-size - $control-size-sm) / 2 0;
   min-height: 1.2rem;
   padding: (($control-size-sm - $line-height) / 2) $control-padding-x (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
   position: relative;
@@ -460,10 +460,22 @@
       }
     }
   }
 }
 
+.form-checkbox {
+  .has-error &,
+  &.is-error {
+    input {
+      &:indeterminate + .form-icon {
+        background: $error-color;
+        border-color: $error-color;
+      }
+    }
+  }
+}
+
 // validation based on :placeholder-shown (Edge doesn't support it yet)
 .form-input {
   &:not(:placeholder-shown) {
     &:invalid {
       border-color: $error-color;
@@ -515,14 +527,19 @@
       }
     }
   }
 }
 
-// Form Horizontal
+// Form horizontal
 .form-horizontal {
   padding: $layout-spacing 0;
 
   .form-group {
     display: flex;
     flex-wrap: wrap;
   }
 }
+
+// Form inline
+.form-inline {
+  display: inline-block;
+}
\ No newline at end of file