Add defaults for --toggle-handle-size

reaviz · Dec 15, 2023 · c680d69 · c680d69
1 parent 662e824
commit c680d69
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/form/Toggle/Toggle.module.css b/src/form/Toggle/Toggle.module.css
@@ -32,8 +32,8 @@
     padding: calc(var(--toggle-spacing) / 2);
 
     .handle {
-      height: calc(var(--toggle-handle-size) / 2);
-      width: calc(var(--toggle-handle-size) / 2);
+      height: calc(var(--toggle-handle-size, 25px) / 2);
+      width: calc(var(--toggle-handle-size, 25px) / 2);
     }
   }
 
@@ -43,8 +43,8 @@
     padding: calc(var(--toggle-spacing) / 1.5);
 
     .handle {
-      height: calc(var(--toggle-handle-size) / 1.5);
-      width: calc(var(--toggle-handle-size) / 1.5);
+      height: calc(var(--toggle-handle-size, 25px) / 1.5);
+      width: calc(var(--toggle-handle-size, 25px) / 1.5);
     }
   }
 
@@ -54,8 +54,8 @@
     padding: var(--toggle-spacing);
 
     .handle {
-      height: var(--toggle-handle-size);
-      width: var(--toggle-handle-size);
+      height: var(--toggle-handle-size, 25px);
+      width: var(--toggle-handle-size, 25px);
     }
   }