fix: missing selectors in checkbox

jmjuanes · Aug 15, 2022 · bafbd7c · bafbd7c
1 parent 7127ec5
commit bafbd7c
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/packages/modules/elements.js b/packages/modules/elements.js
@@ -78,6 +78,37 @@ export const elementsBase = {
         position: "relative",
         width: "1.125rem",
         verticalAlign: "top",
+        "&:after": {
+            backgroundColor: "transparent",
+            content: "''",
+            height: "0.375rem",
+            position: "absolute",
+        },
+        "&:checked,&:indeterminate": {
+            backgroundColor: "primary",
+            transitionDuration: "0.3s",
+            transitionProperty: "background-color",
+        },
+        "&:indeterminate:after": {
+            borderBottomColor: "white",
+            borderBottomStyle: "solid",
+            borderBottomWidth: "0.125rem",
+            left: "0.3125rem",
+            top: "0.25rem",
+            width: "0.5rem",
+        },
+        "&:checked:after": {
+            borderBottomColor: "white",
+            borderBottomStyle: "solid",
+            borderBottomWidth: "0.125rem",
+            borderLeftColor: "white",
+            borderLeftStyle: "solid",
+            borderLeftWidth: "0.125rem",
+            left: "0.25rem",
+            top: "0.3125rem",
+            transform: "rotate(-45deg)",
+            width: "0.625rem",
+        },
     },
     close: {
         appearance: "none",