1 files changed, 49 insertions, 0 deletions
diff --git a/apps/web-shared/src/styles/custom-style/_spacing.scss b/apps/web-shared/src/styles/custom-style/_spacing.scss
new file mode 100644
index 0000000..56cd451
--- /dev/null
+++ b/apps/web-shared/src/styles/custom-style/_spacing.scss
@@ -0,0 +1,49 @@
+@use '../base' as *;
+
+// --------------------------------
+
+// (START) Global editor code https://codyhouse.co/ds/globals/spacing
+
+// --------------------------------
+
+// 👇 uncomment to modify default spacing scale
+// :root {
+//   --space-unit:  1rem;
+// }
+
+ :root, * {
+   --space-xxxxs: calc(0.125 * var(--space-unit)); 
+   --space-xxxs:  calc(0.25 * var(--space-unit));
+   --space-xxs:   calc(0.375 * var(--space-unit));
+   --space-xs:    calc(0.5 * var(--space-unit));
+   --space-sm:    calc(0.75 * var(--space-unit));
+   --space-md:    calc(1.25 * var(--space-unit));
+   --space-lg:    calc(2 * var(--space-unit));
+   --space-xl:    calc(3.25 * var(--space-unit));
+   --space-xxl:   calc(5.25 * var(--space-unit));
+   --space-xxxl:  calc(8.5 * var(--space-unit));
+   --space-xxxxl: calc(13.75 * var(--space-unit));
+   --component-padding: var(--space-sm);
+ }
+
+@include breakpoint(md) {
+  :root, * {
+    --space-xxxxs: calc(0.1875 * var(--space-unit));
+    --space-xxxs: calc(0.375 * var(--space-unit));
+    --space-xxs: calc(0.5625 * var(--space-unit));
+    --space-xs: calc(0.75 * var(--space-unit));
+    --space-sm: calc(1.125 * var(--space-unit));
+    --space-md: calc(2 * var(--space-unit));
+    --space-lg: calc(3.125 * var(--space-unit));
+    --space-xl: calc(5.125 * var(--space-unit));
+    --space-xxl: calc(8.25 * var(--space-unit));
+    --space-xxxl: calc(13.25 * var(--space-unit));
+    --space-xxxxl: calc(21.5 * var(--space-unit));
+  }
+}
+
+// --------------------------------
+
+// (END) Global editor code
+
+// --------------------------------