Add error state to the indeterminate checkbox

1 files changed, 12 insertions, 0 deletions

diff --git a/src/_forms.scss b/src/_forms.scss
index cd3fc5e..2984bdb 100644
--- a/src/_forms.scss
+++ b/src/_forms.scss
@@ -462,6 +462,18 @@ textarea.form-input {
   }
 }
 
+.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) {