Update

author: Volpeon <git@volpeon.ink> 2022-02-11 22:38:01 +0100
committer: Volpeon <git@volpeon.ink> 2022-02-11 22:38:01 +0100
commit: d1a14dea4668a0ae8bdbd0f6f32376cd8406688d (patch)
tree: 4a38e62aef770699da12c01e58f14a2215fb8154 /src
parent: Added button group (diff)
download: iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.gz
iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.bz2
iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.zip
12 files changed, 27 insertions, 27 deletions
diff --git a/src/_vars.scss b/src/_vars.scss
index 9537429..8531715 100644
--- a/src/_vars.scss
+++ b/src/_vars.scss
@@ -22,7 +22,7 @@ media.$unit-intervals: (
 @include iro.props-store((
    --dims: (
        --spacing: (
-            --base: 1.6rem,
+            --base: iro.fn-px-to-rem(26px),
            --factors: (
                --xs: .25,
                --sm: .5,
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index aee2000..17de1e1 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -4,12 +4,12 @@
 @include iro.props-namespace('button-group') {
    @include iro.props-store((
        --dims: (
-            --spacing: 1rem
+            --spacing: iro.fn-px-to-rem(16px),
        ),
    ), 'dims');
    @include iro.bem-layout(iro.props-namespace()) {
        display: flex;
-        gap:     1rem;
+        gap:     fn.dim(--spacing);
    }
 }
diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss
index ce742bf..75c16ff 100644
--- a/src/layouts/_card.scss
+++ b/src/layouts/_card.scss
@@ -5,11 +5,11 @@
 @include iro.props-namespace('card') {
    @include iro.props-store((
        --dims: (
-            --pad-x: .6rem,
+            --pad-x: iro.fn-px-to-rem(10px),
-            --pad-y: .4rem,
+            --pad-y: iro.fn-px-to-rem(7px),
            --lg: (
-                --pad-x: .9rem,
+                --pad-x: iro.fn-px-to-rem(14px),
-                --pad-y: .7rem,
+                --pad-y: iro.fn-px-to-rem(11px),
            )
        )
    ), 'dims');
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 7f13a8b..f63b04d 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -7,8 +7,8 @@
        --dims: (
            --content-width:     iro.fn-px-to-rem(700px),
            --sm-content-width:  iro.fn-px-to-rem(360px),
-            --pad-x:         3rem,
+            --pad-x:             3rem,
-            --pad-y:         3rem,
+            --pad-y:             3rem,
            --in-page-spacing-y: fn.global-dim(--spacing --y --xl),
        )
    ), 'dims');
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index 751a01e..160aa5d 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -4,8 +4,8 @@
 @include iro.props-namespace('action-button') {
    @include iro.props-store((
        --dims: (
-            --pad-x:    .6rem,
+            --pad-x:    iro.fn-px-to-rem(10px),
-            --pad-y:    .6rem,
+            --pad-y:    iro.fn-px-to-rem(10px),
            --rounding: 3px,
        ),
    ), 'dims');
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss
index 3c10604..4f73cf7 100644
--- a/src/objects/_action-menu.scss
+++ b/src/objects/_action-menu.scss
@@ -5,8 +5,8 @@
    @include iro.props-store((
        --dims: (
            --pad-x:     0,
-            --pad-y:     .3rem,
+            --pad-y:     iro.fn-px-to-rem(5px),
-            --separator: .3rem,
+            --separator: iro.fn-px-to-rem(5px),
            --rounding:  3px,
            --border:    1px,
            --item: (
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index e5fcfaa..586ee84 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -35,8 +35,8 @@
 @include iro.props-namespace('button') {
    @include iro.props-store((
        --dims: (
-            --pad-x:    1.2rem,
+            --pad-x:    iro.fn-px-to-rem(19px),
-            --pad-y:    .5rem,
+            --pad-y:    iro.fn-px-to-rem(8px),
            --rounding: 10em,
        ),
    ), 'dims');
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index 053a6ab..5d81b19 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -5,10 +5,10 @@
    @include iro.props-store((
        --dims: (
            --size:         iro.fn-px-to-rem(14px),
-            --label-gap:    .6rem,
+            --label-gap:    iro.fn-px-to-rem(10px),
            --border-width: fn.global-dim(--border-width --medium),
-            --pad-x:        .3rem,
+            --pad-x:        iro.fn-px-to-rem(5px),
-            --pad-y:        .3rem,
+            --pad-y:        iro.fn-px-to-rem(5px),
            --margin-right: fn.global-dim(--spacing --x --md),
        ),
    ), 'dims');
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss
index 12899a3..4707209 100644
--- a/src/objects/_menu.scss
+++ b/src/objects/_menu.scss
@@ -4,7 +4,7 @@
 @include iro.props-namespace('menu') {
    @include iro.props-store((
        --dims: (
-            --separator: .6rem,
+            --separator: iro.fn-px-to-rem(10px),
            --item: (
                --pad-x: iro.fn-px-to-rem(10px),
                --pad-y: iro.fn-px-to-rem(5px),
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index f5f3632..1a6e1a6 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -5,10 +5,10 @@
    @include iro.props-store((
        --dims: (
            --diameter:     iro.fn-px-to-rem(15px),
-            --label-gap:    .6rem,
+            --label-gap:    iro.fn-px-to-rem(10px),
            --border-width: fn.global-dim(--border-width --medium),
-            --pad-x:        .3rem,
+            --pad-x:        iro.fn-px-to-rem(5px),
-            --pad-y:        .3rem,
+            --pad-y:        iro.fn-px-to-rem(5px),
            --margin-right: fn.global-dim(--spacing --x --md),
        ),
    ), 'dims');
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 4417297..1a2fb80 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -6,10 +6,10 @@
        --dims: (
            --width:        iro.fn-px-to-rem(26px),
            --height:       iro.fn-px-to-rem(15px),
-            --label-gap:    .6rem,
+            --label-gap:    iro.fn-px-to-rem(10px),
            --border-width: fn.global-dim(--border-width --medium),
-            --pad-x:        .3rem,
+            --pad-x:        iro.fn-px-to-rem(5px),
-            --pad-y:        .3rem,
+            --pad-y:        iro.fn-px-to-rem(5px),
            --margin-right: fn.global-dim(--spacing --x --md),
        ),
    ), 'dims');
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index 55e8a5c..1bd7ea1 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -32,8 +32,8 @@
 @include iro.props-namespace('text-field') {
    @include iro.props-store((
        --dims: (
-            --pad-x:     .6rem,
+            --pad-x:         iro.fn-px-to-rem(10px),
-            --pad-y:     .5rem,
+            --pad-y:         iro.fn-px-to-rem(8px),
            --border-width:  fn.global-dim(--border-width --thin),
            --border-radius: 2px,
author	Volpeon <git@volpeon.ink>	2022-02-11 22:38:01 +0100
committer	Volpeon <git@volpeon.ink>	2022-02-11 22:38:01 +0100
commit	d1a14dea4668a0ae8bdbd0f6f32376cd8406688d (patch)
tree	4a38e62aef770699da12c01e58f14a2215fb8154 /src
parent	Added button group (diff)
download	iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.gz iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.bz2 iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.zip

diff --git a/src/_vars.scss b/src/_vars.scss index 9537429..8531715 100644 --- a/src/_vars.scss +++ b/src/_vars.scss
@@ -22,7 +22,7 @@ media.$unit-intervals: (
22	@include iro.props-store((	22	@include iro.props-store((
23	--dims: (	23	--dims: (
24	--spacing: (	24	--spacing: (
25	--base: 1.6rem,	25	--base: iro.fn-px-to-rem(26px),
26	--factors: (	26	--factors: (
27	--xs: .25,	27	--xs: .25,
28	--sm: .5,	28	--sm: .5,


diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss index aee2000..17de1e1 100644 --- a/src/layouts/_button-group.scss +++ b/src/layouts/_button-group.scss
@@ -4,12 +4,12 @@
4	@include iro.props-namespace('button-group') {	4	@include iro.props-namespace('button-group') {
5	@include iro.props-store((	5	@include iro.props-store((
6	--dims: (	6	--dims: (
7	--spacing: 1rem	7	--spacing: iro.fn-px-to-rem(16px),
8	),	8	),
9	), 'dims');	9	), 'dims');
10		10
11	@include iro.bem-layout(iro.props-namespace()) {	11	@include iro.bem-layout(iro.props-namespace()) {
12	display: flex;	12	display: flex;
13	gap: 1rem;	13	gap: fn.dim(--spacing);
14	}	14	}
15	}	15	}


diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss index ce742bf..75c16ff 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_card.scss
@@ -5,11 +5,11 @@
5	@include iro.props-namespace('card') {	5	@include iro.props-namespace('card') {
6	@include iro.props-store((	6	@include iro.props-store((
7	--dims: (	7	--dims: (
8	--pad-x: .6rem,	8	--pad-x: iro.fn-px-to-rem(10px),
9	--pad-y: .4rem,	9	--pad-y: iro.fn-px-to-rem(7px),
10	--lg: (	10	--lg: (
11	--pad-x: .9rem,	11	--pad-x: iro.fn-px-to-rem(14px),
12	--pad-y: .7rem,	12	--pad-y: iro.fn-px-to-rem(11px),
13	)	13	)
14	)	14	)
15	), 'dims');	15	), 'dims');


diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 7f13a8b..f63b04d 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss
@@ -7,8 +7,8 @@
7	--dims: (	7	--dims: (
8	--content-width: iro.fn-px-to-rem(700px),	8	--content-width: iro.fn-px-to-rem(700px),
9	--sm-content-width: iro.fn-px-to-rem(360px),	9	--sm-content-width: iro.fn-px-to-rem(360px),
10	--pad-x: 3rem,	10	--pad-x: 3rem,
11	--pad-y: 3rem,	11	--pad-y: 3rem,
12	--in-page-spacing-y: fn.global-dim(--spacing --y --xl),	12	--in-page-spacing-y: fn.global-dim(--spacing --y --xl),
13	)	13	)
14	), 'dims');	14	), 'dims');


diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index 751a01e..160aa5d 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss
@@ -4,8 +4,8 @@
4	@include iro.props-namespace('action-button') {	4	@include iro.props-namespace('action-button') {
5	@include iro.props-store((	5	@include iro.props-store((
6	--dims: (	6	--dims: (
7	--pad-x: .6rem,	7	--pad-x: iro.fn-px-to-rem(10px),
8	--pad-y: .6rem,	8	--pad-y: iro.fn-px-to-rem(10px),
9	--rounding: 3px,	9	--rounding: 3px,
10	),	10	),
11	), 'dims');	11	), 'dims');


diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index 3c10604..4f73cf7 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss
@@ -5,8 +5,8 @@
5	@include iro.props-store((	5	@include iro.props-store((
6	--dims: (	6	--dims: (
7	--pad-x: 0,	7	--pad-x: 0,
8	--pad-y: .3rem,	8	--pad-y: iro.fn-px-to-rem(5px),
9	--separator: .3rem,	9	--separator: iro.fn-px-to-rem(5px),
10	--rounding: 3px,	10	--rounding: 3px,
11	--border: 1px,	11	--border: 1px,
12	--item: (	12	--item: (


diff --git a/src/objects/_button.scss b/src/objects/_button.scss index e5fcfaa..586ee84 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss
@@ -35,8 +35,8 @@
35	@include iro.props-namespace('button') {	35	@include iro.props-namespace('button') {
36	@include iro.props-store((	36	@include iro.props-store((
37	--dims: (	37	--dims: (
38	--pad-x: 1.2rem,	38	--pad-x: iro.fn-px-to-rem(19px),
39	--pad-y: .5rem,	39	--pad-y: iro.fn-px-to-rem(8px),
40	--rounding: 10em,	40	--rounding: 10em,
41	),	41	),
42	), 'dims');	42	), 'dims');


diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index 053a6ab..5d81b19 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss
@@ -5,10 +5,10 @@
5	@include iro.props-store((	5	@include iro.props-store((
6	--dims: (	6	--dims: (
7	--size: iro.fn-px-to-rem(14px),	7	--size: iro.fn-px-to-rem(14px),
8	--label-gap: .6rem,	8	--label-gap: iro.fn-px-to-rem(10px),
9	--border-width: fn.global-dim(--border-width --medium),	9	--border-width: fn.global-dim(--border-width --medium),
10	--pad-x: .3rem,	10	--pad-x: iro.fn-px-to-rem(5px),
11	--pad-y: .3rem,	11	--pad-y: iro.fn-px-to-rem(5px),
12	--margin-right: fn.global-dim(--spacing --x --md),	12	--margin-right: fn.global-dim(--spacing --x --md),
13	),	13	),
14	), 'dims');	14	), 'dims');


diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss index 12899a3..4707209 100644 --- a/src/objects/_menu.scss +++ b/src/objects/_menu.scss
@@ -4,7 +4,7 @@
4	@include iro.props-namespace('menu') {	4	@include iro.props-namespace('menu') {
5	@include iro.props-store((	5	@include iro.props-store((
6	--dims: (	6	--dims: (
7	--separator: .6rem,	7	--separator: iro.fn-px-to-rem(10px),
8	--item: (	8	--item: (
9	--pad-x: iro.fn-px-to-rem(10px),	9	--pad-x: iro.fn-px-to-rem(10px),
10	--pad-y: iro.fn-px-to-rem(5px),	10	--pad-y: iro.fn-px-to-rem(5px),


diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index f5f3632..1a6e1a6 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss
@@ -5,10 +5,10 @@
5	@include iro.props-store((	5	@include iro.props-store((
6	--dims: (	6	--dims: (
7	--diameter: iro.fn-px-to-rem(15px),	7	--diameter: iro.fn-px-to-rem(15px),
8	--label-gap: .6rem,	8	--label-gap: iro.fn-px-to-rem(10px),
9	--border-width: fn.global-dim(--border-width --medium),	9	--border-width: fn.global-dim(--border-width --medium),
10	--pad-x: .3rem,	10	--pad-x: iro.fn-px-to-rem(5px),
11	--pad-y: .3rem,	11	--pad-y: iro.fn-px-to-rem(5px),
12	--margin-right: fn.global-dim(--spacing --x --md),	12	--margin-right: fn.global-dim(--spacing --x --md),
13	),	13	),
14	), 'dims');	14	), 'dims');


diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 4417297..1a2fb80 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss
@@ -6,10 +6,10 @@
6	--dims: (	6	--dims: (
7	--width: iro.fn-px-to-rem(26px),	7	--width: iro.fn-px-to-rem(26px),
8	--height: iro.fn-px-to-rem(15px),	8	--height: iro.fn-px-to-rem(15px),
9	--label-gap: .6rem,	9	--label-gap: iro.fn-px-to-rem(10px),
10	--border-width: fn.global-dim(--border-width --medium),	10	--border-width: fn.global-dim(--border-width --medium),
11	--pad-x: .3rem,	11	--pad-x: iro.fn-px-to-rem(5px),
12	--pad-y: .3rem,	12	--pad-y: iro.fn-px-to-rem(5px),
13	--margin-right: fn.global-dim(--spacing --x --md),	13	--margin-right: fn.global-dim(--spacing --x --md),
14	),	14	),
15	), 'dims');	15	), 'dims');


diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 55e8a5c..1bd7ea1 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss
@@ -32,8 +32,8 @@
32	@include iro.props-namespace('text-field') {	32	@include iro.props-namespace('text-field') {
33	@include iro.props-store((	33	@include iro.props-store((
34	--dims: (	34	--dims: (
35	--pad-x: .6rem,	35	--pad-x: iro.fn-px-to-rem(10px),
36	--pad-y: .5rem,	36	--pad-y: iro.fn-px-to-rem(8px),
37	--border-width: fn.global-dim(--border-width --thin),	37	--border-width: fn.global-dim(--border-width --thin),
38	--border-radius: 2px,	38	--border-radius: 2px,
39		39