You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
590 B
42 lines
590 B
2 years ago
|
@import './mixins/hairline.scss';
|
||
|
|
|
||
|
|
.hd-hairline,
|
||
|
|
.hd-hairline--top,
|
||
|
|
.hd-hairline--left,
|
||
|
|
.hd-hairline--right,
|
||
|
|
.hd-hairline--bottom,
|
||
|
|
.hd-hairline--top-bottom,
|
||
|
|
.hd-hairline--surround {
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
&::after {
|
||
|
|
@include hairline();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.hd-hairline {
|
||
|
|
&--top::after {
|
||
|
|
border-top-width: 2rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--left::after {
|
||
|
|
border-left-width: 2rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--right::after {
|
||
|
|
border-right-width: 2rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--bottom::after {
|
||
|
|
border-bottom-width: 2rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--top-bottom::after {
|
||
|
|
border-width: 2rpx 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--surround::after {
|
||
|
|
border-width: 2rpx;
|
||
|
|
}
|
||
|
|
}
|