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 | ||
