summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_card-list.scss8
-rw-r--r--src/layouts/_card-list.vars.scss2
-rw-r--r--src/layouts/_container.scss4
-rw-r--r--src/layouts/_container.vars.scss4
-rw-r--r--src/layouts/_flex.scss2
-rw-r--r--src/layouts/_form.scss4
-rw-r--r--src/layouts/_form.vars.scss2
-rw-r--r--src/layouts/_hlist.scss8
-rw-r--r--src/layouts/_hlist.vars.scss2
-rw-r--r--src/layouts/_media.scss4
-rw-r--r--src/layouts/_media.vars.scss2
-rw-r--r--src/layouts/_overflow.scss4
-rw-r--r--src/layouts/_split-view.scss4
-rw-r--r--src/layouts/_split-view.vars.scss4
14 files changed, 27 insertions, 27 deletions
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index f2a6ff5..826943f 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 'pkg:iro-sass/src/bem'; 3@use 'pkg:iro-sass/bem';
4@use 'pkg:iro-sass/src/props'; 4@use 'pkg:iro-sass/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;
@@ -23,8 +23,8 @@
23 border-radius: props.get(card.$rounding); 23 border-radius: props.get(card.$rounding);
24 24
25 @include bem.elem('card') { 25 @include bem.elem('card') {
26 border-color: props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color);
27 background-clip: content-box; 26 background-clip: content-box;
27 border-color: props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color);
28 box-shadow: none; 28 box-shadow: none;
29 29
30 &:not(:last-child) { 30 &:not(:last-child) {
@@ -160,7 +160,7 @@
160 } 160 }
161 161
162 @include bem.elem('card') { 162 @include bem.elem('card') {
163 flex: 0.1 0 auto; 163 flex: .1 0 auto;
164 inline-size: props.get($col-width); 164 inline-size: props.get($col-width);
165 } 165 }
166 166
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss
index fb89b52..47a2bc4 100644
--- a/src/layouts/_card-list.vars.scss
+++ b/src/layouts/_card-list.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/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 46ded23..e120157 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 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/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 094046f..cc2fd61 100644
--- a/src/layouts/_container.vars.scss
+++ b/src/layouts/_container.vars.scss
@@ -1,5 +1,5 @@
1@use 'pkg:iro-sass/src/functions' as fn; 1@use 'pkg:iro-sass/functions' as fn;
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/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 ea0b268..2f01987 100644
--- a/src/layouts/_flex.scss
+++ b/src/layouts/_flex.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/bem'; 1@use 'pkg:iro-sass/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 f094cbc..1caef57 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 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'form.vars'; 6@forward 'form.vars';
diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss
index 52670cc..4b2af1d 100644
--- a/src/layouts/_form.vars.scss
+++ b/src/layouts/_form.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/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 32b3097..8e4f25d 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 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'hlist.vars'; 6@forward 'hlist.vars';
@@ -23,8 +23,8 @@
23 @include bem.elem('item') { 23 @include bem.elem('item') {
24 @include bem.next-twin-elem { 24 @include bem.next-twin-elem {
25 &::before { 25 &::before {
26 content: '·';
27 margin-inline: calc(.65 * props.get($size)); 26 margin-inline: calc(.65 * props.get($size));
27 content: '·';
28 } 28 }
29 } 29 }
30 } 30 }
@@ -38,8 +38,8 @@
38 @include bem.elem('item') { 38 @include bem.elem('item') {
39 @include bem.next-twin-elem { 39 @include bem.next-twin-elem {
40 &::before { 40 &::before {
41 content: '·';
42 margin-inline: calc(.65 * props.get(vars.$gap)); 41 margin-inline: calc(.65 * props.get(vars.$gap));
42 content: '·';
43 } 43 }
44 } 44 }
45 } 45 }
diff --git a/src/layouts/_hlist.vars.scss b/src/layouts/_hlist.vars.scss
index 2d99057..89e29f3 100644
--- a/src/layouts/_hlist.vars.scss
+++ b/src/layouts/_hlist.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/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 4492ea9..287738a 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 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/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 78e157f..0f13855 100644
--- a/src/layouts/_media.vars.scss
+++ b/src/layouts/_media.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/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 ab983b9..ef96037 100644
--- a/src/layouts/_overflow.scss
+++ b/src/layouts/_overflow.scss
@@ -1,5 +1,5 @@
1@use 'pkg:iro-sass/src/bem'; 1@use 'pkg:iro-sass/bem';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5@mixin styles { 5@mixin styles {
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index ea651c7..00c91e6 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 'pkg:iro-sass/src/bem'; 3@use 'pkg:iro-sass/bem';
4@use 'pkg:iro-sass/src/props'; 4@use 'pkg:iro-sass/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 b2944e7..c293ea7 100644
--- a/src/layouts/_split-view.vars.scss
+++ b/src/layouts/_split-view.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/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;
@@ -6,7 +6,7 @@ $row-gap: props.def(--l-split-view--row-gap, props.get(core.$size--600)) !defau
6 6
7$gapless: props.def(--l-split-view--gapless, 0rem) !default; 7$gapless: props.def(--l-split-view--gapless, 0rem) !default;
8 8
9$panel--min-50: props.def(--l-split-view--panel--min-50, props.get(core.$size--2400)) !default; 9$panel--min-50: props.def(--l-split-view--panel--min-50, props.get(core.$size--2400)) !default;
10$panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default; 10$panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default;
11$panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !default; 11$panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !default;
12 12