_testimonials.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. @include respond-to('phone-landscape') {
  2. .swiper-horizontal-3d {
  3. .swiper-slide {
  4. &.swiper-slide-active {
  5. box-shadow: none;
  6. }
  7. }
  8. }
  9. .testimonials-style-04 {
  10. padding: 0 15px;
  11. &.swiper-horizontal-3d {
  12. .swiper-slide {
  13. &.swiper-slide-prev, &.swiper-slide-next {
  14. opacity: 0
  15. }
  16. &.swiper-slide-active {
  17. box-shadow: 0 0 10px rgba(0,0,0,.10);
  18. }
  19. }
  20. }
  21. }
  22. .testimonials-style-11 {
  23. .swiper-button-prev.slider-custom-text-prev,
  24. .swiper-button-next.slider-custom-text-next {
  25. min-height: 1px;
  26. @include prefix(transform, translateY(0), webkit);
  27. top: initial;
  28. right: auto;
  29. left: auto;
  30. padding-left: 20px;
  31. padding-right: 20px;
  32. position: relative;
  33. margin: 30px -3px 0;
  34. display: inline-block;
  35. }
  36. }
  37. }
  38. @include respond-to('phone-portrait') {
  39. .testimonials-style-12 {
  40. .swiper-button-previous-nav {
  41. left: 25px;
  42. }
  43. .swiper-button-next-nav {
  44. right: 25px;
  45. }
  46. }
  47. .testimonials-style-13 {
  48. .swiper-slide {
  49. opacity: 1;
  50. &.swiper-slide-active {
  51. opacity: 1;
  52. }
  53. &.swiper-slide-next {
  54. opacity:1;
  55. }
  56. }
  57. }
  58. }