divider.scss 451 B

123456789101112131415161718192021222324252627
  1. .cl-divider {
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. height: 80rpx;
  6. width: 100%;
  7. position: relative;
  8. text-align: center;
  9. box-sizing: border-box;
  10. &__line {
  11. position: absolute;
  12. height: 1rpx;
  13. top: 50%;
  14. left: 50%;
  15. transform: scaleY(0.5) translateX(-50%) translateZ(0);
  16. }
  17. &__text {
  18. position: absolute;
  19. left: 50%;
  20. padding: 0 30rpx;
  21. color: #303133;
  22. font-size: 26rpx;
  23. transform: translateX(-50%);
  24. }
  25. }