From 6448b40f6224b271acb6010cac0672dec4755341 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 19 Oct 2024 08:51:30 +0200 Subject: Update --- src/objects/_icon.scss | 26 ++++++++++++-------------- 1 file changed, 12 insertions(+), 14 deletions(-) (limited to 'src/objects/_icon.scss') diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss index 7cbb7db..23a606d 100644 --- a/src/objects/_icon.scss +++ b/src/objects/_icon.scss @@ -1,23 +1,21 @@ +@use 'sass:meta'; @use 'iro-sass/src/iro-sass' as iro; -@use '../functions' as fn; +@use '../props'; -@include iro.props-namespace('icon') { - @include iro.props-store(( - --dims: ( - --stroke: 1.5px, - --size: calc(1 / 14 * 16em), - --valign: -.2em, - ) - )); +@forward 'icon.vars'; +@use 'icon.vars' as vars; - @include iro.bem-object(iro.props-namespace()) { +@mixin styles { + @include props.materialize(meta.module-variables('vars')); + + @include iro.bem-object('icon') { display: inline; - inline-size: fn.dim(--size); - block-size: fn.dim(--size); - vertical-align: fn.dim(--valign); + inline-size: props.get(vars.$size); + block-size: props.get(vars.$size); + vertical-align: props.get(vars.$valign); stroke-linecap: round; stroke-linejoin: round; - stroke-width: fn.dim(--stroke); + stroke-width: props.get(vars.$stroke-width); @include iro.bem-modifier('block') { display: block; -- cgit v1.3.1