From 3231a198468ba0ab0ac5ebf9a4f7b1a6753b3a31 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 23 Apr 2024 17:07:37 +0200 Subject: Update --- src/objects/_button.scss | 9 +++++++++ src/objects/_icon.scss | 5 ++--- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/objects/_button.scss b/src/objects/_button.scss index ee895a3..b830475 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss @@ -46,6 +46,11 @@ --pad-x: fn.global-dim(--size --225), --pad-y: fn.global-dim(--size --100), --rounding: 10em, + + --lg: ( + --pad-x: fn.global-dim(--size --300), + --pad-y: fn.global-dim(--size --150), + ), ), ), 'dims'); @@ -141,6 +146,10 @@ background-color: transparent; box-shadow: none; } + + @include iro.bem-modifier('lg') { + padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x); + } @include button-variant('secondary'); diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss index c045056..0522d4b 100644 --- a/src/objects/_icon.scss +++ b/src/objects/_icon.scss @@ -6,7 +6,7 @@ --dims: ( --stroke: 1.5px, --size: calc(1 / 14 * 16em), - --vmargin: calc((1em - fn.dim(--size, null)) * .5), + --margin: calc((1em - fn.dim(--size, null)) * .5), --valign: -.14em, ) ), 'dims'); @@ -15,8 +15,7 @@ display: inline; width: fn.dim(--size); height: fn.dim(--size); - margin-top: fn.dim(--vmargin); - margin-bottom: fn.dim(--vmargin); + margin: fn.dim(--margin); stroke-width: fn.dim(--stroke); stroke-linecap: round; stroke-linejoin: round; -- cgit v1.2.3-54-g00ecf