summaryrefslogtreecommitdiffstats
path: root/src/objects/_avatar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_avatar.scss')
-rw-r--r--src/objects/_avatar.scss37
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 }