diff options
| author | Volpeon <git@volpeon.ink> | 2026-07-22 07:55:43 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-07-22 07:55:43 +0200 |
| commit | 5216739cf9b084f7388d687b84044f522d267cbf (patch) | |
| tree | 8619118c495fbe8f8aaf6680d1f391990ccb5feb /src/layouts | |
| parent | Use pkg: to import include-media (diff) | |
| download | iro-design-5216739cf9b084f7388d687b84044f522d267cbf.tar.gz iro-design-5216739cf9b084f7388d687b84044f522d267cbf.tar.bz2 iro-design-5216739cf9b084f7388d687b84044f522d267cbf.zip | |
Use iro-sass via pkg:
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/_card-list.scss | 4 | ||||
| -rw-r--r-- | src/layouts/_card-list.vars.scss | 2 | ||||
| -rw-r--r-- | src/layouts/_container.scss | 4 | ||||
| -rw-r--r-- | src/layouts/_container.vars.scss | 4 | ||||
| -rw-r--r-- | src/layouts/_flex.scss | 2 | ||||
| -rw-r--r-- | src/layouts/_form.scss | 10 | ||||
| -rw-r--r-- | src/layouts/_form.vars.scss | 2 | ||||
| -rw-r--r-- | src/layouts/_hlist.scss | 4 | ||||
| -rw-r--r-- | src/layouts/_hlist.vars.scss | 2 | ||||
| -rw-r--r-- | src/layouts/_media.scss | 4 | ||||
| -rw-r--r-- | src/layouts/_media.vars.scss | 2 | ||||
| -rw-r--r-- | src/layouts/_overflow.scss | 5 | ||||
| -rw-r--r-- | src/layouts/_split-view.scss | 4 | ||||
| -rw-r--r-- | src/layouts/_split-view.vars.scss | 2 |
14 files changed, 25 insertions, 26 deletions
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index f01af77..f2a6ff5 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:include-media/dist/include-media' as media; | 2 | @use 'pkg:include-media/dist/include-media' as media; |
| 3 | @use 'iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/src/bem'; |
| 4 | @use 'iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/src/props'; |
| 5 | @use '../props' as *; | 5 | @use '../props' as *; |
| 6 | 6 | ||
| 7 | @use '../objects/card.vars' as card; | 7 | @use '../objects/card.vars' as card; |
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss index 6035956..fb89b52 100644 --- a/src/layouts/_card-list.vars.scss +++ b/src/layouts/_card-list.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/src/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | @use '../objects/card' as card; | 3 | @use '../objects/card' as card; |
| 4 | 4 | ||
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 05d99a8..46ded23 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/src/bem'; |
| 3 | @use 'iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/src/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'container.vars'; | 6 | @forward 'container.vars'; |
diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss index 285b784..094046f 100644 --- a/src/layouts/_container.vars.scss +++ b/src/layouts/_container.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'iro-sass/src/functions' as fn; | 1 | @use 'pkg:iro-sass/src/functions' as fn; |
| 2 | @use 'iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/src/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $fixed-200: props.def(--l-container--fixed-200, fn.px-to-rem(1300px)) !default; | 5 | $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..ea0b268 100644 --- a/src/layouts/_flex.scss +++ b/src/layouts/_flex.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'iro-sass/src/bem'; | 1 | @use 'pkg:iro-sass/src/bem'; |
| 2 | 2 | ||
| 3 | @mixin styles { | 3 | @mixin styles { |
| 4 | @include bem.layout('flex') { | 4 | @include bem.layout('flex') { |
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index c804262..f094cbc 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/src/bem'; |
| 3 | @use 'iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/src/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'form.vars'; | 6 | @forward 'form.vars'; |
| @@ -17,7 +17,7 @@ | |||
| 17 | @include bem.elem('item') { | 17 | @include bem.elem('item') { |
| 18 | display: block; | 18 | display: block; |
| 19 | } | 19 | } |
| 20 | 20 | ||
| 21 | @include bem.elem('item-content') { | 21 | @include bem.elem('item-content') { |
| 22 | @include bem.modifier('align-start') { | 22 | @include bem.modifier('align-start') { |
| 23 | align-self: start; | 23 | align-self: start; |
| @@ -38,12 +38,12 @@ | |||
| 38 | @include bem.elem('item') { | 38 | @include bem.elem('item') { |
| 39 | display: contents; | 39 | display: contents; |
| 40 | } | 40 | } |
| 41 | 41 | ||
| 42 | @include bem.elem('item-label') { | 42 | @include bem.elem('item-label') { |
| 43 | grid-column: 1; | 43 | grid-column: 1; |
| 44 | padding-inline-end: 0; | 44 | padding-inline-end: 0; |
| 45 | } | 45 | } |
| 46 | 46 | ||
| 47 | @include bem.elem('item-content') { | 47 | @include bem.elem('item-content') { |
| 48 | grid-column: 2; | 48 | grid-column: 2; |
| 49 | margin-block-start: 0; | 49 | margin-block-start: 0; |
diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss index c533e6b..52670cc 100644 --- a/src/layouts/_form.vars.scss +++ b/src/layouts/_form.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/src/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $item-spacing-b: props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default; | 4 | $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..32b3097 100644 --- a/src/layouts/_hlist.scss +++ b/src/layouts/_hlist.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/src/bem'; |
| 3 | @use 'iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/src/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'hlist.vars'; | 6 | @forward 'hlist.vars'; |
diff --git a/src/layouts/_hlist.vars.scss b/src/layouts/_hlist.vars.scss index fecded5..2d99057 100644 --- a/src/layouts/_hlist.vars.scss +++ b/src/layouts/_hlist.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/src/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $gap: props.def(--l-hlist--gap, props.get(core.$size--150)) !default; | 4 | $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..4492ea9 100644 --- a/src/layouts/_media.scss +++ b/src/layouts/_media.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/src/bem'; |
| 3 | @use 'iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/src/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'media.vars'; | 6 | @forward 'media.vars'; |
diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss index dcb10de..78e157f 100644 --- a/src/layouts/_media.vars.scss +++ b/src/layouts/_media.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/src/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $gap: props.def(--l-media--gap, props.get(core.$size--150)) !default; | 4 | $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..ab983b9 100644 --- a/src/layouts/_overflow.scss +++ b/src/layouts/_overflow.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'iro-sass/src/bem'; | 1 | @use 'pkg:iro-sass/src/bem'; |
| 2 | @use 'iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/src/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | @mixin styles { | 5 | @mixin styles { |
| @@ -8,4 +8,3 @@ | |||
| 8 | scrollbar-color: props.get(core.$theme, --text-disabled) transparent; | 8 | scrollbar-color: props.get(core.$theme, --text-disabled) transparent; |
| 9 | } | 9 | } |
| 10 | } | 10 | } |
| 11 | |||
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss index c2c8d1e..ea651c7 100644 --- a/src/layouts/_split-view.scss +++ b/src/layouts/_split-view.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:include-media/dist/include-media' as media; | 2 | @use 'pkg:include-media/dist/include-media' as media; |
| 3 | @use 'iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/src/bem'; |
| 4 | @use 'iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/src/props'; |
| 5 | @use '../props' as *; | 5 | @use '../props' as *; |
| 6 | 6 | ||
| 7 | @forward 'split-view.vars'; | 7 | @forward 'split-view.vars'; |
diff --git a/src/layouts/_split-view.vars.scss b/src/layouts/_split-view.vars.scss index 1011948..b2944e7 100644 --- a/src/layouts/_split-view.vars.scss +++ b/src/layouts/_split-view.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/src/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $col-gap: props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default; | 4 | $col-gap: props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default; |
