[improvement] Cell: optimize border (#1902)

This commit is contained in:
neverland
2018-10-09 11:47:28 +08:00
committed by GitHub
parent df9299457d
commit f5e114cf08
21 changed files with 102 additions and 84 deletions
+5 -2
View File
@@ -13,8 +13,11 @@
overflow: hidden;
&:not(:last-child)::after {
margin-left: 15px;
border-bottom-width: 1px;
@include hairline-bottom($border-color, 15px);
}
&--borderless::after {
display: none;
}
&-group {
+19 -4
View File
@@ -1,12 +1,27 @@
@mixin hairline($border-color: #eee) {
content: '';
@mixin hairline-common() {
content: ' ';
position: absolute;
pointer-events: none;
box-sizing: border-box;
}
@mixin hairline($border-color: #eee) {
@include hairline-common;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
transform: scale(0.5);
pointer-events: none;
box-sizing: border-box;
border: 0 solid $border-color;
}
@mixin hairline-bottom($border-color: #eee, $left: 0) {
@include hairline-common;
left: $left;
right: 0;
bottom: 0;
transform: scaleY(0.5);
border-bottom: 1px solid $border-color;
}