vue-ant-patterns
Version:
vue-ant-patterns
31 lines (27 loc) • 716 B
text/less
@import '../../style/themes/index.less';
@import '../../style/mixins/flex.less';
@depot-prefix-cls: ~'@{depot-prefix}-avatar';
@avatar-size-default: 40px;
@avatar-size-xxl: 112px;
@avatar-size-xl: 80px;
@avatar-font-size-xxl: 50px;
@avatar-font-size-xl: 40px;
@avatar-font-size-default: 24px;
.@{depot-prefix-cls} {
.avatar-size(@avatar-size-default, @avatar-font-size-default);
&-xxl {
.avatar-size(@avatar-size-xxl, @avatar-font-size-xxl);
}
&-xl {
.avatar-size(@avatar-size-xl, @avatar-font-size-xl);
}
.avatar-size(@size, @font-size) {
width: @size;
height: @size;
line-height: @size;
// border-radius: 50%;
&.ant-avatar-icon {
font-size: @font-size;
}
}
}