diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-24 15:15:16 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-24 15:15:16 +0100 |
| commit | a031d5d58865f9fb054f68ce111b3f08f7098984 (patch) | |
| tree | 09eb8ae137345bfc469d2fc21fe151ddb1fe17ac /src/objects | |
| parent | Emoji again (diff) | |
| download | iro-design-a031d5d58865f9fb054f68ce111b3f08f7098984.tar.gz iro-design-a031d5d58865f9fb054f68ce111b3f08f7098984.tar.bz2 iro-design-a031d5d58865f9fb054f68ce111b3f08f7098984.zip | |
Avatar
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_avatar.scss | 5 |
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') { |