style.css 881 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .mint-swipe {
  2. overflow: hidden;
  3. position: relative;
  4. height: 100%;
  5. }
  6. .mint-swipe-items-wrap {
  7. position: relative;
  8. overflow: hidden;
  9. height: 100%;
  10. }
  11. .mint-swipe-items-wrap > div {
  12. position: absolute;
  13. -webkit-transform: translateX(-100%);
  14. transform: translateX(-100%);
  15. width: 100%;
  16. height: 100%;
  17. display: none
  18. }
  19. .mint-swipe-items-wrap > div.is-active {
  20. display: block;
  21. -webkit-transform: none;
  22. transform: none;
  23. }
  24. .mint-swipe-indicators {
  25. position: absolute;
  26. bottom: 10px;
  27. left: 50%;
  28. -webkit-transform: translateX(-50%);
  29. transform: translateX(-50%);
  30. }
  31. .mint-swipe-indicator {
  32. width: 8px;
  33. height: 8px;
  34. display: inline-block;
  35. border-radius: 100%;
  36. background: #000;
  37. opacity: 0.2;
  38. margin: 0 3px;
  39. }
  40. .mint-swipe-indicator.is-active {
  41. background: #fff;
  42. }