index.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @import '../common/index.css';
  2. .van-divider {
  3. display: -webkit-flex;
  4. display: flex;
  5. -webkit-align-items: center;
  6. align-items: center;
  7. margin: 16px 0;
  8. margin: var(--divider-margin, 16px 0);
  9. color: #969799;
  10. color: var(--divider-text-color, #969799);
  11. font-size: 14px;
  12. font-size: var(--divider-font-size, 14px);
  13. line-height: 24px;
  14. line-height: var(--divider-line-height, 24px);
  15. border: 0 solid #ebedf0;
  16. border-color: var(--divider-border-color, #ebedf0);
  17. }
  18. .van-divider:after,
  19. .van-divider:before {
  20. display: block;
  21. -webkit-flex: 1;
  22. flex: 1;
  23. box-sizing: border-box;
  24. height: 1px;
  25. border-color: inherit;
  26. border-style: inherit;
  27. border-width: 1px 0 0;
  28. }
  29. .van-divider:before {
  30. content: '';
  31. }
  32. .van-divider--hairline:after,
  33. .van-divider--hairline:before {
  34. -webkit-transform: scaleY(0.5);
  35. transform: scaleY(0.5);
  36. }
  37. .van-divider--dashed {
  38. border-style: dashed;
  39. }
  40. .van-divider--center:before,
  41. .van-divider--left:before,
  42. .van-divider--right:before {
  43. margin-right: 16px;
  44. margin-right: var(--divider-content-padding, 16px);
  45. }
  46. .van-divider--center:after,
  47. .van-divider--left:after,
  48. .van-divider--right:after {
  49. content: '';
  50. margin-left: 16px;
  51. margin-left: var(--divider-content-padding, 16px);
  52. }
  53. .van-divider--left:before {
  54. max-width: 10%;
  55. max-width: var(--divider-content-left-width, 10%);
  56. }
  57. .van-divider--right:after {
  58. max-width: 10%;
  59. max-width: var(--divider-content-right-width, 10%);
  60. }