diff options
-rw-r--r-- | src/_vars.scss | 2 | ||||
-rw-r--r-- | src/layouts/_button-group.scss | 4 | ||||
-rw-r--r-- | src/layouts/_card.scss | 8 | ||||
-rw-r--r-- | src/layouts/_container.scss | 4 | ||||
-rw-r--r-- | src/objects/_action-button.scss | 4 | ||||
-rw-r--r-- | src/objects/_action-menu.scss | 4 | ||||
-rw-r--r-- | src/objects/_button.scss | 4 | ||||
-rw-r--r-- | src/objects/_checkbox.scss | 6 | ||||
-rw-r--r-- | src/objects/_menu.scss | 2 | ||||
-rw-r--r-- | src/objects/_radio.scss | 6 | ||||
-rw-r--r-- | src/objects/_switch.scss | 6 | ||||
-rw-r--r-- | src/objects/_text-field.scss | 4 |
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 | ||