diff --git a/assets/css/directives/responsive-carousel.scss b/assets/css/directives/responsive-carousel.scss index 1346f8ef7..9b5d3ba52 100644 --- a/assets/css/directives/responsive-carousel.scss +++ b/assets/css/directives/responsive-carousel.scss @@ -53,16 +53,46 @@ background-color: $gray-lightest; color: $accent-gray; text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } .rn-carousel-control-prev { left: 0; } + .rn-carousel-control-prev:before { + content: ''; + display: block; + width: 20px; + height: 38px; + background-image: url('/images/ico-arrow-big-left.svg'); + background-size: 20px 38px; + + :hover { + opacity: 0; + } + } + .rn-carousel-control-next { right: 0; } + .rn-carousel-control.rn-carousel-control-next:before { + content: ''; + display: block; + width: 20px; + height: 38px; + background-image: url('/images/ico-arrow-big-right.svg'); + background-size: 20px 38px; + + :hover { + opacity: 0.3; + } + } + } .slide {