hairline.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .van-hairline,
  2. .van-hairline--bottom,
  3. .van-hairline--left,
  4. .van-hairline--right,
  5. .van-hairline--surround,
  6. .van-hairline--top,
  7. .van-hairline--top-bottom {
  8. position: relative;
  9. }
  10. .van-hairline--bottom:after,
  11. .van-hairline--left:after,
  12. .van-hairline--right:after,
  13. .van-hairline--surround:after,
  14. .van-hairline--top-bottom:after,
  15. .van-hairline--top:after,
  16. .van-hairline:after {
  17. position: absolute;
  18. box-sizing: border-box;
  19. -webkit-transform-origin: center;
  20. transform-origin: center;
  21. content: ' ';
  22. pointer-events: none;
  23. top: -50%;
  24. right: -50%;
  25. bottom: -50%;
  26. left: -50%;
  27. border: 0 solid #eee;
  28. -webkit-transform: scale(0.5);
  29. transform: scale(0.5);
  30. }
  31. .van-hairline--top:after {
  32. border-top-width: 1px;
  33. }
  34. .van-hairline--left:after {
  35. border-left-width: 1px;
  36. }
  37. .van-hairline--right:after {
  38. border-right-width: 1px;
  39. }
  40. .van-hairline--bottom:after {
  41. border-bottom-width: 1px;
  42. }
  43. .van-hairline--top-bottom:after {
  44. border-width: 1px 0;
  45. }
  46. .van-hairline--surround:after {
  47. border-width: 1px;
  48. }