_content-carousel.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .swiper-button-next, .swiper-button-prev {
  2. color: var(--dark-gray);
  3. &:after { display: none; content: "" }
  4. }
  5. /* Text slider 02 */
  6. .text-slider-style-02 {
  7. .swiper-slide {
  8. opacity: 0.2;
  9. @include prefix(transition, 0.4s, webkit);
  10. &.swiper-slide-active {
  11. opacity: 1;
  12. }
  13. }
  14. }
  15. /* Text slider 03 */
  16. .text-slider-style-03 {
  17. .swiper-slide {
  18. > img {
  19. object-fit: cover;
  20. height: 100%;
  21. width: 100%;
  22. }
  23. }
  24. }
  25. /* Text slider 05 */
  26. .text-slider-style-05 {
  27. .swiper-slide {
  28. -webkit-filter: grayscale(100%);
  29. filter: grayscale(100%);
  30. opacity: 0.3;
  31. @include prefix(transition, 0.4s, webkit);
  32. .services-box-style-01 {
  33. &:hover {
  34. img {
  35. @include prefix(transform, scale(1), webkit);
  36. }
  37. .icon-box {
  38. opacity: 0;
  39. }
  40. }
  41. }
  42. &.swiper-slide-next {
  43. -webkit-filter: grayscale(0);
  44. filter:grayscale(0);
  45. opacity:1;
  46. .services-box-style-01 {
  47. .icon-box {
  48. opacity: 1;
  49. }
  50. }
  51. }
  52. }
  53. }