[improvement] Cell: optimize border (#1902)

2018-10-09 11:47:28 +08:00
parent df9299457d
commit f5e114cf08
21 changed files with 102 additions and 84 deletions
@@ -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;
+}