From 6b844aa947472a876abeb8524748d73ead35dd41 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 4 Feb 2026 18:40:06 +0100 Subject: Avatar icon --- src/objects/_avatar.scss | 4 ++-- src/objects/_avatar.vars.scss | 8 ++++---- 2 files changed, 6 insertions(+), 6 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 0b14e39..764c039 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss @@ -60,8 +60,8 @@ inset-block-end: 0; inset-inline-end: 0; display: flex; - align-items: center; - justify-content: center; + align-items: flex-end; + justify-content: flex-end; inline-size: props.get(vars.$icon-size); block-size: props.get(vars.$icon-size); diff --git a/src/objects/_avatar.vars.scss b/src/objects/_avatar.vars.scss index f9ade78..d6e0497 100644 --- a/src/objects/_avatar.vars.scss +++ b/src/objects/_avatar.vars.scss @@ -31,14 +31,14 @@ $icon-mask--xxl: props.def(--o-avatar--xxl--icon-mask, url(icon-mask(.7))) $size--xl: props.def(--o-avatar--xl--size, props.get(core.$size--800)) !default; $font-size--xl: props.def(--o-avatar--xl--font-size, props.get(core.$font-size--300)) !default; $indicator-size--xl: props.def(--o-avatar--xl--indicator-size, props.get(core.$size--225)) !default; -$icon-size--xl: props.def(--o-avatar--xl--icon-size, 1.3em) !default; -$icon-mask--xl: props.def(--o-avatar--xl--icon-mask, url(icon-mask(.65))) !default; +$icon-size--xl: props.def(--o-avatar--xl--icon-size, 1.5em) !default; +$icon-mask--xl: props.def(--o-avatar--xl--icon-mask, url(icon-mask(.6))) !default; $size--lg: props.def(--o-avatar--lg--size, props.get(core.$size--650)) !default; $font-size--lg: props.def(--o-avatar--lg--font-size, props.get(core.$font-size--200)) !default; $indicator-size--lg: props.def(--o-avatar--lg--indicator-size, props.get(core.$size--175)) !default; -$icon-size--lg: props.def(--o-avatar--lg--icon-size, 1.2em) !default; -$icon-mask--lg: props.def(--o-avatar--lg--icon-mask, url(icon-mask(.6))) !default; +$icon-size--lg: props.def(--o-avatar--lg--icon-size, 1.25em) !default; +$icon-mask--lg: props.def(--o-avatar--lg--icon-mask, url(icon-mask(.55))) !default; $size--sm: props.def(--o-avatar--sm--size, props.get(core.$size--375)) !default; $font-size--sm: props.def(--o-avatar--sm--font-size, props.get(core.$font-size--75)) !default; -- cgit v1.2.3-70-g09d2