From 8bfe2d68ab0b5349acda2d362c31696aef0cfc0f Mon Sep 17 00:00:00 2001 From: Jason Quense Date: Wed, 21 Aug 2019 14:01:54 -0400 Subject: [PATCH] feat: adjust spacing scale (#8) BREAKING CHANGE: padding spaces are different --- src/css-modules/Layout.module.css | 26 ++++++++++++++++++++------ 1 file changed, 20 insertions(+), 6 deletions(-) diff --git a/src/css-modules/Layout.module.css b/src/css-modules/Layout.module.css index aeafa52..43f3a6c 100644 --- 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); +}