From b292cd39bf5e5c2d96f2f64eb1a94d8fd63fae9e Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 22 Mar 2021 20:52:20 +0100 Subject: WIP: Redesign --- assets/css/layouts/_container.scss | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) (limited to 'assets/css/layouts/_container.scss') diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss index 2e102ee..0726950 100644 --- a/assets/css/layouts/_container.scss +++ b/assets/css/layouts/_container.scss @@ -1,10 +1,17 @@ @include namespace('container') { + @include store(( + --dims: ( + --pad-x: 3rem, + --pad-y: $line-height * 3rem + ) + )); + @include store(( --dims: ( --pad-x: 2rem, --pad-y: $line-height * 2rem ) - )); + ), 'md'); @include store(( --dims: ( @@ -14,16 +21,18 @@ ), 'sm'); @include layout(namespace()) { - padding-right: prop(--dims --pad-x); - padding-left: prop(--dims --pad-x); - @include modifier('content') { max-width: $content--width; margin-right: auto; margin-left: auto; } - @include modifier('pad-v') { + @include modifier('pad-x') { + padding-right: prop(--dims --pad-x); + padding-left: prop(--dims --pad-x); + } + + @include modifier('pad-y') { padding-top: prop(--dims --pad-y); padding-bottom: prop(--dims --pad-y); } -- cgit v1.2.3-54-g00ecf