@lxlib/theme
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.
44 lines (41 loc) • 1.12 kB
text/less
@lxlib-default-user-block-margin: @layout-gutter * 3;
@lxlib-default-user-block-avatar-hw: @avatar-size-lg;
.lxlib-default-aside-user-mixin(@enabled) when(@enabled=true) {
@{lxlib-default-prefix}__aside-user {
display: flex;
align-items: center;
justify-content: center;
margin: @lxlib-default-user-block-margin @lxlib-default-user-block-margin 0 @lxlib-default-user-block-margin;
cursor: pointer;
.@{ant-prefix}-dropdown-trigger {
display: flex;
align-items: center;
}
&-info {
flex: 1;
overflow: hidden;
color: @text-color;
white-space: nowrap;
text-overflow: ellipsis;
}
&-avatar {
margin-right: @layout-gutter;
}
}
// Desktop
@media (min-width: @mobile-min) {
@{lxlib-default-prefix}__collapsed {
@{lxlib-default-prefix}__aside-user {
width: @lxlib-default-aside-collapsed-wd;
margin-left: 0;
&-info {
display: none;
}
&-avatar {
margin: 0 auto;
}
}
}
}
}
.lxlib-default-aside-user-mixin(@lxlib-default-aside-user-enabled);