mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add avatar size for design

Browse source 
Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-05-26 15:40:25 +05:30
parent ee29d7f799
commit f42553f8cb
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/platform/web/ui/css/avatar.css
View file

@ -37,6 +37,7 @@ limitations under the License.
} }
/* work around postcss-css-variables limitations and repeat variable usage */ /* work around postcss-css-variables limitations and repeat variable usage */
.hydrogen .avatar.size-128 { .hydrogen .avatar.size-128 {
--avatar-size: 128px; --avatar-size: 128px;
width: var(--avatar-size); width: var(--avatar-size);
@ -53,6 +54,14 @@ limitations under the License.
font-size: calc(var(--avatar-size) * 0.6); font-size: calc(var(--avatar-size) * 0.6);
} }
.hydrogen .avatar.size-52 {
--avatar-size: 52px;
width: var(--avatar-size);
height: var(--avatar-size);
line-height: var(--avatar-size);
font-size: calc(var(--avatar-size) * 0.6);
}
.hydrogen .avatar.size-30 { .hydrogen .avatar.size-30 {
--avatar-size: 30px; --avatar-size: 30px;
width: var(--avatar-size); width: var(--avatar-size);