移动端兼容1px下划线变粗展示不友好
用下划线用伪做并兼容移动端
.hairline--bottom {
position: relative;
&:after {
content: " ";
position: absolute;
bottom: 0;
100%;
height: 1px;
background: #e5e5e5;
transform: scaleY(0.5);
}
}
.hairline--top {
position: relative;
&:after {
content: " ";
position: absolute;
bottom: 0;
100%;
height: 1px;
background: #e5e5e5;
transform: scaleY(0.5);
}
}