From 248a90eb5fe1f5fa624423b81d0b18df85fabe35 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 14 Feb 2022 18:45:32 +0100 Subject: Restructured size variables --- src/layouts/_card.scss | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) (limited to 'src/layouts/_card.scss') diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss index a0220c3..6b66a35 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_card.scss @@ -5,15 +5,15 @@ @include iro.props-namespace('card') { @include iro.props-store(( --dims: ( - --pad-x: fn.global-dim(--spacing --sm), - --pad-y: fn.global-dim(--spacing --xs), - --sm: ( - --pad-x: fn.global-dim(--spacing --xs), - --pad-y: fn.global-dim(--spacing --xxs), + --pad-x: fn.global-dim(--size --150), + --pad-y: fn.global-dim(--size --85), + --75: ( + --pad-x: fn.global-dim(--size --100), + --pad-y: fn.global-dim(--size --50), ), - --lg: ( - --pad-x: fn.global-dim(--spacing --md), - --pad-y: fn.global-dim(--spacing --sm), + --200: ( + --pad-x: fn.global-dim(--size --300), + --pad-y: fn.global-dim(--size --150), ) ) ), 'dims'); @@ -25,14 +25,14 @@ gap: fn.dim(--pad-x); line-height: 1.4; - @include iro.bem-modifier('sm') { - padding: fn.dim(--sm --pad-y) fn.dim(--sm --pad-x); - gap: fn.dim(--sm --pad-x); + @include iro.bem-modifier('75') { + padding: fn.dim(--75 --pad-y) fn.dim(--75 --pad-x); + gap: fn.dim(--75 --pad-x); } - @include iro.bem-modifier('lg') { - padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x); - gap: fn.dim(--lg --pad-x); + @include iro.bem-modifier('200') { + padding: fn.dim(--200 --pad-y) fn.dim(--200 --pad-x); + gap: fn.dim(--200 --pad-x); } @include iro.bem-modifier('flush') { -- cgit v1.2.3-70-g09d2