tdesign-mobile-vue
Version:
tdesign-mobile-vue
33 lines (26 loc) • 553 B
text/less
@import "../../base.less";
@import "./_var.less";
.@{prefix}-fab {
position: absolute;
width: auto;
min-width: @fab-min-width;
height: @fab-height;
line-height: normal;
padding: 0 @fab-horizontal-padding;
box-sizing: border-box;
border-radius: 24px;
.@{prefix}-button__text {
display: flex;
align-items: center;
}
&::after {
border-radius: inherit;
}
.@{prefix}-icon + &__text:not(:empty) {
margin-left: @fab-text-margin-left;
}
&--icon-only {
padding: 0;
border-radius: @radius-circle;
}
}