feat: adjust spacing scale (#8)

BREAKING CHANGE: padding spaces are different
4Catalyzer · Aug 21, 2019 · 8bfe2d6 · 8bfe2d6
1 parent 42d1487
commit 8bfe2d6
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/src/css-modules/Layout.module.css b/src/css-modules/Layout.module.css
@@ -1,10 +1,11 @@
 :root {
-  --fc-layout-pad-1: 2px;
-  --fc-layout-pad-2: 6px;
-  --fc-layout-pad-3: 10px;
-  --fc-layout-pad-4: 20px;
-  --fc-layout-pad-5: 30px;
-  --fc-layout-pad-6: 40px;
+  --fc-layout-pad-1: 4px;
+  --fc-layout-pad-2: 8px;
+  --fc-layout-pad-3: 12px;
+  --fc-layout-pad-4: 16px;
+  --fc-layout-pad-5: 24px;
+  --fc-layout-pad-6: 32px;
+  --fc-layout-pad-7: 40px;
 }
 
 .block {
@@ -251,3 +252,16 @@
 .pad-6.wrap > * {
   margin: var(--fc-layout-pad-6);
 }
+
+.pad-7.row > * + * {
+  margin-left: var(--fc-layout-pad-7);
+}
+.pad-7.column > * + * {
+  margin-top: var(--fc-layout-pad-7);
+}
+.pad-7.wrap {
+  margin: calc(var(--fc-layout-pad-7) * -1);
+}
+.pad-7.wrap > * {
+  margin: var(--fc-layout-pad-7);
+}