Add defaults

reaviz · Dec 8, 2023 · 17caadc · 17caadc
1 parent 5cadd57
commit 17caadc
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/form/Toggle/Toggle.module.css b/src/form/Toggle/Toggle.module.css
@@ -27,35 +27,35 @@
   }
 
   &.small {
-    height: calc(var(--toggle-height) / 2);
-    width: calc(var(--toggle-width) / 2);
+    height: calc(var(--toggle-width, 35px) / 2);
+    width: calc(var(--toggle-width, 55px) / 2);
     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-width, 25px) / 2);
+      width: calc(var(--toggle-width, 25px) / 2);
     }
   }
 
   &.medium {
-    height: calc(var(--toggle-height) / 1.5);
-    width: calc(var(--toggle-width) / 1.5);
+    height: calc(var(--toggle-width, 35px) / 1.5);
+    width: calc(var(--toggle-width, 55px) / 1.5);
     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-width, 25px) / 1.5);
+      width: calc(var(--toggle-width, 25px) / 1.5);
     }
   }
 
   &.large {
-    height: var(--toggle-height);
-    width: var(--toggle-width);
+    height: var(--toggle-width, 35px);
+    width: var(--toggle-width, 55px);
     padding: var(--toggle-spacing);
 
     .handle {
-      height: var(--toggle-handle-size);
-      width: var(--toggle-handle-size);
+      height: var(--toggle-width, 25px);
+      width: var(--toggle-width, 25px);
     }
   }