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.
41 lines
590 B
41 lines
590 B
@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; |
|
} |
|
}
|
|
|