diff options
Diffstat (limited to 'preact/demo/people/styles/avatar.scss')
-rw-r--r-- | preact/demo/people/styles/avatar.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/preact/demo/people/styles/avatar.scss b/preact/demo/people/styles/avatar.scss new file mode 100644 index 0000000..437c6c4 --- /dev/null +++ b/preact/demo/people/styles/avatar.scss @@ -0,0 +1,16 @@ +#people-app { + .avatar { + display: inline-block; + overflow: hidden; + width: var(--avatar-size, 32px); + height: var(--avatar-size, 32px); + background-color: var(--avatar-color, var(--app-primary)); + border-radius: 50%; + font-size: calc(var(--avatar-size, 32px) * 0.5); + line-height: var(--avatar-size, 32px); + object-fit: cover; + text-align: center; + text-transform: uppercase; + white-space: nowrap; + } +} |