From 34578f2581ea50dc71bae98eff0f57bca6671ebc Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 13 Feb 2022 12:11:05 +0100 Subject: Update --- src/_declare-vars.scss | 2 +- src/layouts/_card.scss | 9 +++++++++ tpl/index.pug | 2 +- tpl/objects/action-menu.pug | 2 +- tpl/objects/menu.pug | 2 +- 5 files changed, 13 insertions(+), 4 deletions(-) diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 38d39dd..fa6de76 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss @@ -6,7 +6,7 @@ @include iro.props-store(( --dims: ( --spacing: ( - --base: iro.fn-px-to-rem(24px), + --base: iro.fn-px-to-rem(28px), --factors: ( --xxs: .125, --xs: .25, diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss index 2ed121f..a0220c3 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_card.scss @@ -7,6 +7,10 @@ --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), + ), --lg: ( --pad-x: fn.global-dim(--spacing --md), --pad-y: fn.global-dim(--spacing --sm), @@ -21,6 +25,11 @@ 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('lg') { padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x); gap: fn.dim(--lg --pad-x); diff --git a/tpl/index.pug b/tpl/index.pug index d8984ce..c42c48f 100644 --- a/tpl/index.pug +++ b/tpl/index.pug @@ -28,7 +28,7 @@ mixin user-card(name, hue) - const avaName = name.slice(0, 1) - .l-card.l-card--flush + .l-card.l-card--flush.l-card--sm +avatar(block=true size='xs' class='l-card__block' hue=hue) = avaName = name diff --git a/tpl/objects/action-menu.pug b/tpl/objects/action-menu.pug index 751e29d..dbfc99d 100644 --- a/tpl/objects/action-menu.pug +++ b/tpl/objects/action-menu.pug @@ -7,7 +7,7 @@ mixin action-menu mixin action-menu-item button.o-action-menu__item(disabled=attributes.disabled) - .l-card.l-card--flush + .l-card.l-card--flush.l-card--sm .l-card__block.o-action-menu__icon-slot if attributes.icon if attributes.iconIsStatus diff --git a/tpl/objects/menu.pug b/tpl/objects/menu.pug index 97a571d..b348df8 100644 --- a/tpl/objects/menu.pug +++ b/tpl/objects/menu.pug @@ -14,7 +14,7 @@ mixin menu-item } button(class=classes, disabled=attributes.disabled) - .l-card.l-card--flush + .l-card.l-card--flush.l-card--sm if attributes.icon .l-card__block.o-menu__icon-slot if attributes.iconIsStatus -- cgit v1.2.3-70-g09d2