14 files changed, 30 insertions, 31 deletions

diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index f01af77..826943f 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
 @use 'pkg:include-media/dist/include-media' as media;
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @use '../objects/card.vars' as card;
@@ -23,8 +23,8 @@
                         border-radius: props.get(card.$rounding);
 
                         @include bem.elem('card') {
-                                border-color:    props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color);
                                 background-clip: content-box;
+                                border-color:    props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color);
                                 box-shadow:      none;
 
                                 &:not(:last-child) {
@@ -160,7 +160,7 @@
                                 }
 
                                 @include bem.elem('card') {
-                                        flex:        0.1 0 auto;
+                                        flex:        .1 0 auto;
                                         inline-size: props.get($col-width);
                                 }
 
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss
index 6035956..47a2bc4 100644
--- a/src/layouts/_card-list.vars.scss
+++ b/src/layouts/_card-list.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 @use '../objects/card' as card;
 
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 05d99a8..e120157 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'container.vars';
diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss
index 285b784..cc2fd61 100644
--- a/src/layouts/_container.vars.scss
+++ b/src/layouts/_container.vars.scss
@@ -1,5 +1,5 @@
-@use 'iro-sass/src/functions' as fn;
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/functions' as fn;
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $fixed-200: props.def(--l-container--fixed-200, fn.px-to-rem(1300px)) !default;
diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss
index c99b253..2f01987 100644
--- a/src/layouts/_flex.scss
+++ b/src/layouts/_flex.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/bem';
+@use 'pkg:iro-sass/bem';
 
 @mixin styles {
         @include bem.layout('flex') {
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index c804262..1caef57 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'form.vars';
@@ -17,7 +17,7 @@
                 @include bem.elem('item') {
                         display: block;
                 }
-        
+
                 @include bem.elem('item-content') {
                         @include bem.modifier('align-start') {
                                 align-self: start;
@@ -38,12 +38,12 @@
                         @include bem.elem('item') {
                                 display: contents;
                         }
-        
+
                         @include bem.elem('item-label') {
                                 grid-column:        1;
                                 padding-inline-end: 0;
                         }
-        
+
                         @include bem.elem('item-content') {
                                 grid-column:        2;
                                 margin-block-start: 0;
diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss
index c533e6b..4b2af1d 100644
--- a/src/layouts/_form.vars.scss
+++ b/src/layouts/_form.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $item-spacing-b:  props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default;
diff --git a/src/layouts/_hlist.scss b/src/layouts/_hlist.scss
index 06eb8dd..8e4f25d 100644
--- a/src/layouts/_hlist.scss
+++ b/src/layouts/_hlist.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'hlist.vars';
@@ -23,8 +23,8 @@
                                         @include bem.elem('item') {
                                                 @include bem.next-twin-elem {
                                                         &::before {
-                                                                content: '·';
                                                                 margin-inline: calc(.65 * props.get($size));
+                                                                content: '·';
                                                         }
                                                 }
                                         }
@@ -38,8 +38,8 @@
                         @include bem.elem('item') {
                                 @include bem.next-twin-elem {
                                         &::before {
-                                                content: '·';
                                                 margin-inline: calc(.65 * props.get(vars.$gap));
+                                                content: '·';
                                         }
                                 }
                         }
diff --git a/src/layouts/_hlist.vars.scss b/src/layouts/_hlist.vars.scss
index fecded5..89e29f3 100644
--- a/src/layouts/_hlist.vars.scss
+++ b/src/layouts/_hlist.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $gap: props.def(--l-hlist--gap, props.get(core.$size--150)) !default;
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index 929e60f..287738a 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'media.vars';
diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss
index dcb10de..0f13855 100644
--- a/src/layouts/_media.vars.scss
+++ b/src/layouts/_media.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $gap:  props.def(--l-media--gap, props.get(core.$size--150)) !default;
diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss
index 6d31d37..ef96037 100644
--- a/src/layouts/_overflow.scss
+++ b/src/layouts/_overflow.scss
@@ -1,5 +1,5 @@
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 @mixin styles {
@@ -8,4 +8,3 @@
                 scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
         }
 }
-
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index c2c8d1e..00c91e6 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
 @use 'pkg:include-media/dist/include-media' as media;
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'split-view.vars';
diff --git a/src/layouts/_split-view.vars.scss b/src/layouts/_split-view.vars.scss
index 1011948..c293ea7 100644
--- a/src/layouts/_split-view.vars.scss
+++ b/src/layouts/_split-view.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $col-gap:  props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default;
@@ -6,7 +6,7 @@ $row-gap:  props.def(--l-split-view--row-gap, props.get(core.$size--600)) !defau
 
 $gapless: props.def(--l-split-view--gapless, 0rem) !default;
 
-$panel--min-50:  props.def(--l-split-view--panel--min-50,  props.get(core.$size--2400)) !default;
+$panel--min-50:  props.def(--l-split-view--panel--min-50, props.get(core.$size--2400)) !default;
 $panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default;
 $panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !default;