diff --git a/public/css/base.css b/public/css/base.css index 120b941..6cd1527 100644 --- a/public/css/base.css +++ b/public/css/base.css @@ -86,7 +86,7 @@ main { } section { - padding: var(--section-spacing) 0; + padding: var(--section-spacing); } /* Utility classes */ diff --git a/public/css/variables.css b/public/css/variables.css index c70ac64..99f0b7d 100644 --- a/public/css/variables.css +++ b/public/css/variables.css @@ -16,6 +16,7 @@ --space-xl: calc(var(--space-unit) * 8); /* 2rem */ --space-xxl: calc(var(--space-unit) * 12); /* 3rem */ --space-xxxl: calc(var(--space-unit) * 16); /* 4rem */ + --space-xxxxl: calc(var(--space-unit) * 32); /* 4rem */ /* Typography Scale */ --font-size-base: 1rem; @@ -41,7 +42,7 @@ /* Layout */ --container-padding: var(--space-md); - --section-spacing: var(--space-xxl); + --section-spacing: var(--space-xxxxl); --header-height: 100px; --content-width-sm: 640px; --content-width-md: 768px;