summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-06-21 23:07:50 +0200
committerVolpeon <git@volpeon.ink>2024-06-21 23:07:50 +0200
commit48cb00040763459fc46d4aa108bf72c12f48f422 (patch)
tree9609470d56bb31d55697ef0c42f1c908804dd3f1 /src/layouts
parentUpdate (diff)
downloadiro-design-48cb00040763459fc46d4aa108bf72c12f48f422.tar.gz
iro-design-48cb00040763459fc46d4aa108bf72c12f48f422.tar.bz2
iro-design-48cb00040763459fc46d4aa108bf72c12f48f422.zip
WIP: Refactoring
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_button-group.scss2
-rw-r--r--src/layouts/_container.scss2
-rw-r--r--src/layouts/_form.scss4
-rw-r--r--src/layouts/_media.scss2
-rw-r--r--src/layouts/_message-group.scss8
-rw-r--r--src/layouts/_overflow.scss2
6 files changed, 10 insertions, 10 deletions
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index 5f2cbe7..a70d27a 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -6,7 +6,7 @@
6 --dims: ( 6 --dims: (
7 --spacing: fn.global-dim(--size --150), 7 --spacing: fn.global-dim(--size --150),
8 ), 8 ),
9 ), 'dims'); 9 ));
10 10
11 @include iro.bem-layout(iro.props-namespace()) { 11 @include iro.bem-layout(iro.props-namespace()) {
12 display: flex; 12 display: flex;
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index b567119..b28eea2 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -10,7 +10,7 @@
10 --pad-x: fn.global-dim(--size --400), 10 --pad-x: fn.global-dim(--size --400),
11 --pad-y: fn.global-dim(--size --800), 11 --pad-y: fn.global-dim(--size --800),
12 ) 12 )
13 ), 'dims'); 13 ));
14 14
15 @include iro.props-store(( 15 @include iro.props-store((
16 --dims: ( 16 --dims: (
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 901f613..9c741ec 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -1,7 +1,7 @@
1@use 'iro-sass/src/index' as iro; 1@use 'iro-sass/src/index' as iro;
2@use '../functions' as fn; 2@use '../functions' as fn;
3 3
4@use '../objects/field-label'; 4// @use '../objects/field-label';
5 5
6@include iro.props-namespace('form') { 6@include iro.props-namespace('form') {
7 @include iro.props-store(( 7 @include iro.props-store((
@@ -10,7 +10,7 @@
10 --label-spacing-x: fn.global-dim(--size --325), 10 --label-spacing-x: fn.global-dim(--size --325),
11 --hint-font-size: fn.global-dim(--font-size --75), 11 --hint-font-size: fn.global-dim(--font-size --75),
12 ), 12 ),
13 ), 'dims'); 13 ));
14 14
15 @include iro.bem-layout(iro.props-namespace()) { 15 @include iro.bem-layout(iro.props-namespace()) {
16 display: flex; 16 display: flex;
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index d276d33..fa90975 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -22,7 +22,7 @@
22 --pad-y: fn.global-dim(--size --225), 22 --pad-y: fn.global-dim(--size --225),
23 ) 23 )
24 ) 24 )
25 ), 'dims'); 25 ));
26 26
27 @include iro.bem-layout(iro.props-namespace()) { 27 @include iro.bem-layout(iro.props-namespace()) {
28 display: flex; 28 display: flex;
diff --git a/src/layouts/_message-group.scss b/src/layouts/_message-group.scss
index 125c215..f977b61 100644
--- a/src/layouts/_message-group.scss
+++ b/src/layouts/_message-group.scss
@@ -1,7 +1,7 @@
1@use 'iro-sass/src/index' as iro; 1@use 'iro-sass/src/index' as iro;
2@use '../functions' as fn; 2@use '../functions' as fn;
3 3
4@use '../objects/message'; 4// @use '../objects/message';
5 5
6@include iro.props-namespace('message-group') { 6@include iro.props-namespace('message-group') {
7 @include iro.props-store(( 7 @include iro.props-store((
@@ -15,7 +15,7 @@
15 --spacing-y: fn.global-dim(--size --50), 15 --spacing-y: fn.global-dim(--size --50),
16 ) 16 )
17 ) 17 )
18 ), 'dims'); 18 ));
19 19
20 @include iro.bem-layout(iro.props-namespace()) { 20 @include iro.bem-layout(iro.props-namespace()) {
21 display: grid; 21 display: grid;
@@ -43,7 +43,7 @@
43 position: absolute; 43 position: absolute;
44 top: 0; 44 top: 0;
45 left: calc(-1 * fn.dim(--arrow-size)); 45 left: calc(-1 * fn.dim(--arrow-size));
46 border: fn.dim(--arrow-size) solid fn.global-color(--bg); 46 border: fn.dim(--arrow-size) solid fn.global-color(--bg-l2);
47 border-bottom-color: transparent; 47 border-bottom-color: transparent;
48 border-left-color: transparent; 48 border-left-color: transparent;
49 } 49 }
@@ -59,7 +59,7 @@
59 right: calc(-1 * fn.dim(--arrow-size)); 59 right: calc(-1 * fn.dim(--arrow-size));
60 left: auto; 60 left: auto;
61 border-right-color: transparent; 61 border-right-color: transparent;
62 border-left-color: fn.global-color(--bg); 62 border-left-color: fn.global-color(--bg-l2);
63 } 63 }
64 } 64 }
65 } 65 }
diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss
index d3af570..8643bbf 100644
--- a/src/layouts/_overflow.scss
+++ b/src/layouts/_overflow.scss
@@ -4,6 +4,6 @@
4@include iro.props-namespace('overflow') { 4@include iro.props-namespace('overflow') {
5 @include iro.bem-layout(iro.props-namespace()) { 5 @include iro.bem-layout(iro.props-namespace()) {
6 overflow: auto; 6 overflow: auto;
7 scrollbar-color: fn.global-color(--obj-lo) transparent; 7 scrollbar-color: fn.global-color(--text-disabled) transparent;
8 } 8 }
9} 9}