diff --git a/packages/cell/index.pcss b/packages/cell/index.pcss index d8c44f42..9f582a90 100644 --- a/packages/cell/index.pcss +++ b/packages/cell/index.pcss @@ -13,7 +13,9 @@ font-size: 14px; &::after { - margin-left: 15px; + left: 15px; + right: 0; + transform: scaleY(0.5); border-bottom-width: 1px; } diff --git a/packages/common/style/hairline.pcss b/packages/common/style/hairline.pcss index 159cd063..b252655d 100644 --- a/packages/common/style/hairline.pcss +++ b/packages/common/style/hairline.pcss @@ -1,4 +1,4 @@ -@import "./mixins/border-retina.pcss"; +@import "./mixins/hairline.pcss"; .van-hairline, .van-hairline--top, diff --git a/packages/common/style/mixins/border-retina.pcss b/packages/common/style/mixins/border-retina.pcss deleted file mode 100644 index ed8df665..00000000 --- a/packages/common/style/mixins/border-retina.pcss +++ /dev/null @@ -1,33 +0,0 @@ -@import '../var.pcss'; - -$border-poses: top, right, bottom, left; - -@define-mixin border-retina $poses: $border-poses, $border-retina-color: $border-color { - content: ''; - position: absolute; - top: -50%; - left: -50%; - right: -50%; - bottom: -50%; - transform: scale(0.5); - pointer-events: none; - box-sizing: border-box; - - @each $pos in $poses { - border-$(pos): 1px solid $border-retina-color; - } -} - -@define-mixin hairline $border-retina-color: $border-color { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 200%; - height: 200%; - transform: scale(.5); - transform-origin: 0 0; - pointer-events: none; - box-sizing: border-box; - border: 0 solid $border-retina-color; -} diff --git a/packages/common/style/mixins/hairline.pcss b/packages/common/style/mixins/hairline.pcss new file mode 100644 index 00000000..95840c7c --- /dev/null +++ b/packages/common/style/mixins/hairline.pcss @@ -0,0 +1,14 @@ +@import '../var.pcss'; + +@define-mixin hairline $border-retina-color: $border-color { + content: ''; + position: absolute; + top: -50%; + left: -50%; + right: -50%; + bottom: -50%; + transform: scale(0.5); + pointer-events: none; + box-sizing: border-box; + border: 0 solid $border-retina-color; +}