index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .nut-divider {
  2. display: flex;
  3. align-items: center;
  4. font-size: 28rpx;
  5. color: #909ca4;
  6. margin: 32rpx 0;
  7. }
  8. .nut-divider::before, .nut-divider::after {
  9. content: "";
  10. border: 4rpx solid currentColor;
  11. border-width: 4rpx 0 0;
  12. border-color: inherit;
  13. height: 4rpx;
  14. flex: 1;
  15. }
  16. .nut-divider.nut-divider-center::before, .nut-divider.nut-divider-left::before, .nut-divider.nut-divider-right::before {
  17. margin-right: 32rpx;
  18. }
  19. .nut-divider.nut-divider-center::after, .nut-divider.nut-divider-left::after, .nut-divider.nut-divider-right::after {
  20. margin-left: 32rpx;
  21. }
  22. .nut-divider.nut-divider-left::before {
  23. max-width: 10%;
  24. }
  25. .nut-divider.nut-divider-right::after {
  26. max-width: 10%;
  27. }
  28. .nut-divider.nut-divider-dashed::before, .nut-divider.nut-divider-dashed::after {
  29. border-style: dashed;
  30. }
  31. .nut-divider.nut-divider-hairline::before, .nut-divider.nut-divider-hairline::after {
  32. transform: scaleY(0.5);
  33. }
  34. .nut-divider.nut-divider-vertical {
  35. position: relative;
  36. top: 4rpx;
  37. display: inline-block;
  38. height: 24rpx;
  39. border-left: 1px solid rgba(0, 0, 0, 0.06);
  40. margin: 0 16rpx;
  41. }