Файловый менеджер

Файловый менеджер - Редактировать - /home/pimjdymy/public_html/zeroesops/wp-content/themes/zeroesops/assets/scss/elements/_testimonials.scss

Назад
/============================================= = 31. Testimonial slider Css = =============================================/ .testimonial-slider{ &__container{ padding-bottom: 0; } &--info { display: flex; align-items: center; margin-bottom: 22px; @media #{$large-mobile}{ flex-direction: column; } } &__media{ flex-shrink: 0; margin-right: 30px; & img { border-radius: 50%; } } &__text{ font-size: 18px; } &__author{ flex-grow: 1; & .testimonial-rating { font-size: 16px; margin-bottom: 10px; color: #ffb944; } & .author-info { display: flex; align-items: center; @media #{$large-mobile}{ flex-direction: column; } } & .name{ color: $theme-color--black; } .designation{ font-size: 14px; &:before{ content: ' / '; padding: 0 5px; } } } &__one { position: relative; background: #fff; padding: 31px 50px 47px; border-radius: 5px; margin: 20px 15px 35px; box-shadow: 0 0 20px rgba(51,51,51,.1); transition: all 0.3s ease-in-out; transform: translateY(0px) !important; & .testimonial-slider--info { display: flex; align-items: center; & .post-thumbnail { margin-right: 20px; @media #{$large-mobile}{ margin-right: 0px; margin-bottom: 20px; } } } &:hover{ transform: translateY(-5px) !important; } @media #{$large-mobile,$desktop-device}{ padding: 31px 20px 31px; } } &__single{ background: $white; padding: 51px 37px 40px; border-radius: 5px; transition: $transition--default; & .testimonial-subject { margin-bottom: 15px; } .testimonial-slider__text { color: $theme-color--three; } & .author-info { display: flex; align-items: center; margin-top: 20px; } } } .testimonial-slider__container-two{ .swiper-slide.swiper-slide-prev { opacity: 0.5; } .swiper-slide.swiper-slide-next { opacity: 0.5; } } .modern-it-company-testimonial { max-width: 570px; .text { font-size: 34px; line-height: 1.34; font-weight: 500; color: $black; margin-bottom: 80px; } .author { h6 { text-transform: uppercase; } } @media #{$tablet-device}{ .text { font-size: 20px; margin-bottom: 30px; } } @media #{$large-mobile}{ margin-top: 30px; .text { font-size: 24px; margin-bottom: 40px; } } } @media #{$large-mobile}{ .modern-it-company-testimonial-bg { background-position: left 144px bottom 340px !important; } } /===== End of testimonial slider ======/

| ver. 1.4 | Github | .