Add avatar size for design

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

View File

@ -37,6 +37,7 @@ limitations under the License.
}
/* work around postcss-css-variables limitations and repeat variable usage */
.hydrogen .avatar.size-128 {
--avatar-size: 128px;
width: var(--avatar-size);
@ -53,6 +54,14 @@ limitations under the License.
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 {
--avatar-size: 30px;
width: var(--avatar-size);