@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
49 lines (45 loc) • 897 B
CSS
/*Avatar common Sizes*/
.varClass {
/* avatar size default variables */
--avatar_width: var(--zd_size34);
--avatar_height: var(--zd_size34);
}
.small,
.xsmall,
.medium,
.xmedium,
.large,
.xlarge,
.xxsmall {
composes: varClass;
width: var(--avatar_width);
height: var(--avatar_height);
}
.small {
--avatar_height: var(--zd_size22);
--avatar_width: var(--zd_size22);
}
.xxsmall {
--avatar_height: var(--zd_size18);
--avatar_width: var(--zd_size18);
}
.xsmall {
--avatar_height: var(--zd_size30);
--avatar_width: var(--zd_size30);
}
.medium {
--avatar_height: var(--zd_size34);
--avatar_width: var(--zd_size34);
}
.xmedium {
--avatar_height: var(--zd_size40);
--avatar_width: var(--zd_size40);
}
.large {
--avatar_height: var(--zd_size60);
--avatar_width: var(--zd_size60);
}
.xlarge {
--avatar_height: var(--zd_size80);
--avatar_width: var(--zd_size80);
}