Untitled

mail@pastecode.io avatar
unknown
scss
a year ago
1.1 kB
3
Indexable
Never
// books-card_slider navigation style
.books-card_slider {
  // navigation
  .swiper-button-disabled {
    opacity: 0 !important;
    visibility: hidden !important;
  }
  .swiper-button-prev {
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    background: rgba(203, 203, 203, 0.4);
    height: 40px;
    width: 40px;
    display: flex;
    border-radius: 50%;
    right: 5px !important;
    top: 140px;
    &::after {
      font-size: 20px;
      font-weight: 600;
      color: #ffffff;
      padding-left: 4px;
    }
  }
  .swiper-button-next {
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    background: rgba(203, 203, 203, 0.4);
    height: 40px;
    width: 40px;
    display: flex;
    border-radius: 50%;
    left: 5px !important;
    top: 140px;
    &::after {
      font-size: 20px;
      font-weight: 600;
      color: #ffffff;
      padding-right: 2px;
    }
  }
  &:hover {
    .swiper-button-next,
    .swiper-button-prev {
      visibility: visible;
      opacity: 1;
    }
  }
}