diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/_declare-vars.scss | 4 | ||||
-rw-r--r-- | src/objects/_action-menu.scss | 2 | ||||
-rw-r--r-- | src/objects/_avatar.scss | 17 |
3 files changed, 19 insertions, 4 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index d95c7fc..8597398 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -40,8 +40,8 @@ | |||
40 | --900: iro.fn-px-to-rem(72px), | 40 | --900: iro.fn-px-to-rem(72px), |
41 | --1000: iro.fn-px-to-rem(80px), | 41 | --1000: iro.fn-px-to-rem(80px), |
42 | --1200: iro.fn-px-to-rem(96px), | 42 | --1200: iro.fn-px-to-rem(96px), |
43 | --1700: iro.fn-px-to-rem(136px), | 43 | --1600: iro.fn-px-to-rem(128px), |
44 | --2300: iro.fn-px-to-rem(184px), | 44 | --2000: iro.fn-px-to-rem(160px), |
45 | --2400: iro.fn-px-to-rem(192px), | 45 | --2400: iro.fn-px-to-rem(192px), |
46 | --2500: iro.fn-px-to-rem(200px), | 46 | --2500: iro.fn-px-to-rem(200px), |
47 | --2600: iro.fn-px-to-rem(208px), | 47 | --2600: iro.fn-px-to-rem(208px), |
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index 5675ac4..3061293 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss | |||
@@ -116,7 +116,7 @@ | |||
116 | @include iro.bem-elem('icon-slot') { | 116 | @include iro.bem-elem('icon-slot') { |
117 | display: flex; | 117 | display: flex; |
118 | justify-content: center; | 118 | justify-content: center; |
119 | width: 1.2em; | 119 | width: fn.foreign-dim(--icon, --size); |
120 | } | 120 | } |
121 | } | 121 | } |
122 | } | 122 | } |
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 51b144a..958d939 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss | |||
@@ -21,6 +21,21 @@ | |||
21 | @include iro.props-namespace('avatar') { | 21 | @include iro.props-namespace('avatar') { |
22 | @include iro.props-store(( | 22 | @include iro.props-store(( |
23 | --dims: ( | 23 | --dims: ( |
24 | --400: ( | ||
25 | --size: fn.global-dim(--size --1600), | ||
26 | --font-size: fn.global-dim(--font-size --800), | ||
27 | --indicator-size: fn.global-dim(--size --400), | ||
28 | ), | ||
29 | --300: ( | ||
30 | --size: fn.global-dim(--size --1200), | ||
31 | --font-size: fn.global-dim(--font-size --600), | ||
32 | --indicator-size: fn.global-dim(--size --300), | ||
33 | ), | ||
34 | --200: ( | ||
35 | --size: fn.global-dim(--size --800), | ||
36 | --font-size: fn.global-dim(--font-size --300), | ||
37 | --indicator-size: fn.global-dim(--size --225), | ||
38 | ), | ||
24 | --150: ( | 39 | --150: ( |
25 | --size: fn.global-dim(--size --650), | 40 | --size: fn.global-dim(--size --650), |
26 | --font-size: fn.global-dim(--font-size --200), | 41 | --font-size: fn.global-dim(--font-size --200), |
@@ -124,7 +139,7 @@ | |||
124 | } | 139 | } |
125 | } | 140 | } |
126 | 141 | ||
127 | @each $size in 50 75 150 { | 142 | @each $size in 50 75 150 200 300 400 { |
128 | @include iro.bem-modifier($size) { | 143 | @include iro.bem-modifier($size) { |
129 | font-size: fn.dim(--#{$size} --font-size); | 144 | font-size: fn.dim(--#{$size} --font-size); |
130 | 145 | ||