From e3751b8b1c7912161e0c20d9168c1fb0a6bee3d9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 23 Nov 2024 17:44:29 +0100 Subject: Add layers mixin --- src/_iro-design.scss | 1 + src/_layers.scss | 3 +++ src/objects/_card.scss | 2 +- 3 files changed, 5 insertions(+), 1 deletion(-) create mode 100644 src/_layers.scss diff --git a/src/_iro-design.scss b/src/_iro-design.scss index 2010a2d..04857e3 100644 --- a/src/_iro-design.scss +++ b/src/_iro-design.scss @@ -23,6 +23,7 @@ $breakpoints: ( @forward 'config' as config--*; @forward 'props' as props--*; @forward 'core' as core--*; +@forward 'layers' as layers--*; @forward 'layouts/button-group' as l-button-group--*; @forward 'layouts/card-list' as l-card-list--*; diff --git a/src/_layers.scss b/src/_layers.scss new file mode 100644 index 0000000..cc3bb50 --- /dev/null +++ b/src/_layers.scss @@ -0,0 +1,3 @@ +@mixin styles { + @layer scope, theme, object, layout, component, utility; +} diff --git a/src/objects/_card.scss b/src/objects/_card.scss index 6628eab..ff95526 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss @@ -14,7 +14,7 @@ position: relative; display: flex; flex-direction: column; - margin-inline: calc(-1 * props.get(vars.$key-focus--border-width)); + margin: calc(-1 * props.get(vars.$key-focus--border-width)); background-color: props.get(vars.$bg-color); background-clip: content-box; border: props.get(vars.$key-focus--border-offset) solid transparent; -- cgit v1.2.3-70-g09d2