diff options
Diffstat (limited to 'src/objects/_avatar.scss')
-rw-r--r-- | src/objects/_avatar.scss | 37 |
1 files changed, 16 insertions, 21 deletions
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 5a65fbf..526912f 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss | |||
@@ -21,6 +21,11 @@ | |||
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 | --150: ( | ||
25 | --size: fn.global-dim(--size --600), | ||
26 | --font-size: fn.global-dim(--font-size --150), | ||
27 | --indicator-size: fn.global-dim(--size --175), | ||
28 | ), | ||
24 | --100: ( | 29 | --100: ( |
25 | --size: fn.global-dim(--size --450), | 30 | --size: fn.global-dim(--size --450), |
26 | --font-size: fn.global-dim(--font-size --100), | 31 | --font-size: fn.global-dim(--font-size --100), |
@@ -89,27 +94,17 @@ | |||
89 | } | 94 | } |
90 | } | 95 | } |
91 | 96 | ||
92 | @include iro.bem-modifier('75') { | 97 | @each $size in 50 75 150 { |
93 | font-size: fn.dim(--75 --font-size); | 98 | @include iro.bem-modifier($size) { |
94 | 99 | font-size: fn.dim(--#{$size} --font-size); | |
95 | @include status(75); | 100 | |
96 | 101 | @include status($size); | |
97 | @include iro.bem-elem('content') { | 102 | |
98 | width: fn.dim(--75 --size); | 103 | @include iro.bem-elem('content') { |
99 | height: fn.dim(--75 --size); | 104 | width: fn.dim(--#{$size} --size); |
100 | line-height: fn.dim(--75 --size); | 105 | height: fn.dim(--#{$size} --size); |
101 | } | 106 | line-height: fn.dim(--#{$size} --size); |
102 | } | 107 | } |
103 | |||
104 | @include iro.bem-modifier('50') { | ||
105 | font-size: fn.dim(--50 --font-size); | ||
106 | |||
107 | @include status(50); | ||
108 | |||
109 | @include iro.bem-elem('content') { | ||
110 | width: fn.dim(--50 --size); | ||
111 | height: fn.dim(--50 --size); | ||
112 | line-height: fn.dim(--50 --size); | ||
113 | } | 108 | } |
114 | } | 109 | } |
115 | } | 110 | } |