summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-01-24 15:15:16 +0100
committerVolpeon <git@volpeon.ink>2023-01-24 15:15:16 +0100
commita031d5d58865f9fb054f68ce111b3f08f7098984 (patch)
tree09eb8ae137345bfc469d2fc21fe151ddb1fe17ac
parentEmoji again (diff)
downloadiro-design-a031d5d58865f9fb054f68ce111b3f08f7098984.tar.gz
iro-design-a031d5d58865f9fb054f68ce111b3f08f7098984.tar.bz2
iro-design-a031d5d58865f9fb054f68ce111b3f08f7098984.zip
Avatar
-rw-r--r--src/objects/_avatar.scss5
1 files changed, 4 insertions, 1 deletions
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index 526912f..0dd7879 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -74,12 +74,15 @@
74 width: fn.dim(--100 --size); 74 width: fn.dim(--100 --size);
75 height: fn.dim(--100 --size); 75 height: fn.dim(--100 --size);
76 border-radius: fn.dim(--rounding); 76 border-radius: fn.dim(--rounding);
77 background-color: hsl(fn.color(--h), fn.color(--s), fn.color(--l));
78 color: #fff; 77 color: #fff;
79 line-height: fn.dim(--100 --size); 78 line-height: fn.dim(--100 --size);
80 text-align: center; 79 text-align: center;
81 object-fit: cover; 80 object-fit: cover;
82 object-position: center center; 81 object-position: center center;
82
83 @include iro.bem-modifier('colored') {
84 background-color: hsl(fn.color(--h), fn.color(--s), fn.color(--l));
85 }
83 } 86 }
84 87
85 @include iro.bem-modifier('circle') { 88 @include iro.bem-modifier('circle') {