diff options
-rw-r--r-- | src/objects/_avatar.scss | 6 |
1 files changed, 1 insertions, 5 deletions
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 958d939..8755c32 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss | |||
@@ -106,15 +106,10 @@ | |||
106 | width: fn.dim(--100 --size); | 106 | width: fn.dim(--100 --size); |
107 | height: fn.dim(--100 --size); | 107 | height: fn.dim(--100 --size); |
108 | border-radius: fn.dim(--rounding); | 108 | border-radius: fn.dim(--rounding); |
109 | color: #fff; | ||
110 | line-height: fn.dim(--100 --size); | 109 | line-height: fn.dim(--100 --size); |
111 | text-align: center; | 110 | text-align: center; |
112 | object-fit: cover; | 111 | object-fit: cover; |
113 | object-position: center center; | 112 | object-position: center center; |
114 | |||
115 | @include iro.bem-modifier('colored') { | ||
116 | background-color: hsl(fn.color(--h), fn.color(--s), fn.color(--l)); | ||
117 | } | ||
118 | } | 113 | } |
119 | 114 | ||
120 | @include iro.bem-modifier('circle') { | 115 | @include iro.bem-modifier('circle') { |
@@ -136,6 +131,7 @@ | |||
136 | @include iro.bem-modifier('colored') { | 131 | @include iro.bem-modifier('colored') { |
137 | @include iro.bem-elem('content') { | 132 | @include iro.bem-elem('content') { |
138 | background-color: hsl(fn.color(--h), fn.color(--s), fn.color(--l)); | 133 | background-color: hsl(fn.color(--h), fn.color(--s), fn.color(--l)); |
134 | color: #fff; | ||
139 | } | 135 | } |
140 | } | 136 | } |
141 | 137 | ||