index.scss 853 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .nut-swiper {
  2. position: relative;
  3. z-index: 1;
  4. display: flex;
  5. transition-property: transform;
  6. box-sizing: content-box;
  7. overflow: hidden;
  8. &-inner {
  9. display: flex;
  10. height: 100%;
  11. }
  12. &-vertical {
  13. -webkit-box-orient: vertical;
  14. -webkit-box-direction: normal;
  15. flex-direction: column;
  16. }
  17. &-pagination {
  18. display: flex;
  19. position: absolute;
  20. left: 50%;
  21. bottom: 12px;
  22. transform: translateX(-50%);
  23. i {
  24. width: 8px;
  25. height: 3px;
  26. margin-right: 7px;
  27. border-radius: 2px;
  28. &:last-child {
  29. margin-right: 0;
  30. }
  31. }
  32. }
  33. &-pagination-vertical {
  34. top: 50%;
  35. left: 12px;
  36. bottom: auto;
  37. flex-direction: column;
  38. -webkit-box-orient: vertical;
  39. -webkit-box-direction: normal;
  40. transform: translateY(-50%);
  41. i {
  42. margin-bottom: 5px;
  43. }
  44. }
  45. }