@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
45 lines (35 loc) • 821 B
text/less
@import '../var.less';
.hairline-common() {
position: absolute;
box-sizing: border-box;
transform-origin: center; /* cover wechat button:after default transforn-origin */
content: ' ';
pointer-events: none;
}
.hairline(@color: @border-color) {
.hairline-common();
top: -50%;
right: -50%;
bottom: -50%;
left: -50%;
border: 0 solid @color;
transform: scale(0.5);
}
.hairline-top(@color: @border-color, @left: 0, @right: 0) {
.hairline-common();
top: 0;
right: @right;
left: @left;
/* prettier-ignore */
border-top: 1PX solid @color;
transform: scaleY(0.5);
}
.hairline-bottom(@color: @border-color, @left: 0, @right: 0) {
.hairline-common();
right: @right;
bottom: 0;
left: @left;
/* prettier-ignore */
border-bottom: 1PX solid @color;
transform: scaleY(0.5);
}