summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-11 22:38:01 +0100
committerVolpeon <git@volpeon.ink>2022-02-11 22:38:01 +0100
commitd1a14dea4668a0ae8bdbd0f6f32376cd8406688d (patch)
tree4a38e62aef770699da12c01e58f14a2215fb8154 /src
parentAdded button group (diff)
downloadiro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.gz
iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.bz2
iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.zip
Update
Diffstat (limited to 'src')
-rw-r--r--src/_vars.scss2
-rw-r--r--src/layouts/_button-group.scss4
-rw-r--r--src/layouts/_card.scss8
-rw-r--r--src/layouts/_container.scss4
-rw-r--r--src/objects/_action-button.scss4
-rw-r--r--src/objects/_action-menu.scss4
-rw-r--r--src/objects/_button.scss4
-rw-r--r--src/objects/_checkbox.scss6
-rw-r--r--src/objects/_menu.scss2
-rw-r--r--src/objects/_radio.scss6
-rw-r--r--src/objects/_switch.scss6
-rw-r--r--src/objects/_text-field.scss4
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: (
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