_swiper.scss 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @charset "UTF-8";
  2. .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  3. display: none;
  4. }
  5. .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  6. display: none;
  7. }
  8. .swiper-button-next, .swiper-button-prev {
  9. width: 3em;
  10. height: 3em;
  11. }
  12. .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  13. background: url(../images/arrow-left.png) no-repeat center center/contain;
  14. }
  15. .swiper-button-prev.swiper-button-disabled {
  16. opacity: 1;
  17. background: url(../images/arrow-left-disable.png) no-repeat center center/contain;
  18. }
  19. .swiper-button-next.swiper-button-disabled {
  20. opacity: 1;
  21. background: url(../images/arrow-right-disable.png) no-repeat center center/contain;
  22. }
  23. .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  24. background: url(../images/arrow-right.png) no-repeat center center/contain;
  25. }
  26. .swiper-pagination-bullet {
  27. background-color: $green-d;
  28. }
  29. .swiper-pagination-bullet-active {
  30. background-color: $green-d;
  31. }
  32. @media screen and (max-width: 992px) {
  33. .swiper-button-next, .swiper-button-prev {
  34. margin-top: 0;
  35. transform: translateY(-50%);
  36. width: 4em;
  37. height: 4em;
  38. }
  39. .swiper-pagination-bullet {
  40. width: 1.5em;
  41. height: 1.5em;
  42. }
  43. }