157 lines
3.9 KiB
SCSS
157 lines
3.9 KiB
SCSS
/* Testimonial style 01 */
|
|
.testimonials-style-01 {
|
|
.testimonial-arrow {
|
|
&:after {
|
|
content: '';
|
|
top: 100%;
|
|
left: 50px;
|
|
height: 0;
|
|
width: 0;
|
|
z-index: 9;
|
|
margin-left: -14px;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border: solid transparent;
|
|
border-width: 14px;
|
|
border-top-color: var(--white);
|
|
}
|
|
}
|
|
.author-detail {
|
|
img {
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Testimonial style 04 */
|
|
.testimonials-style-04 {
|
|
&.swiper-horizontal-3d {
|
|
&.swiper {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
position: relative;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
}
|
|
.swiper-wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
display: flex;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
box-sizing: content-box;
|
|
}
|
|
&.swiper-pagination-bottom {
|
|
.swiper-wrapper {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
.swiper-slide {
|
|
filter: grayscale(100%);
|
|
opacity: 0;
|
|
-webkit-flex-shrink: 0;
|
|
-ms-flex: 0 0 auto;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
&.swiper-slide-prev, &.swiper-slide-next {
|
|
opacity: .7
|
|
}
|
|
&.swiper-slide-active {
|
|
opacity: 1;
|
|
filter: grayscale(0);
|
|
box-shadow: 0 0 60px rgba(0,0,0,.17);
|
|
.slider-image {
|
|
&:hover {
|
|
.preview-icon {
|
|
opacity: 1;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
z-index: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
img {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
&.swiper {
|
|
width: 100%;
|
|
padding-bottom: 60px;
|
|
}
|
|
&.swiper-3d {
|
|
.swiper-slide-shadow-left, .swiper-slide-shadow-right {
|
|
background-image: none;
|
|
}
|
|
}
|
|
.swiper-slide-active {
|
|
img {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Testimonial style 05 */
|
|
.testimonials-style-05 {
|
|
.testimonials-bubble {
|
|
position: relative;
|
|
border: 1px solid;
|
|
@include prefix(transition, 0.2s, webkit);
|
|
&:after, &:before {
|
|
top: 100%;
|
|
left: 50px;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
&:after {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
border-top-color: var(--white);
|
|
border-width: 15px 15px 0 0;
|
|
margin-left: 1px;
|
|
}
|
|
&:before {
|
|
border-color: rgba(237, 237, 237, 0);
|
|
border-top-color: var(--extra-medium-gray);
|
|
border-width: 18px 18px 0 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Testimonial style 12 */
|
|
.testimonials-style-12 {
|
|
.swiper-button-next-nav {
|
|
right: -8px;
|
|
&:hover{
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.swiper-button-previous-nav {
|
|
left: -8px;
|
|
&:hover{
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Testimonial style 13 */
|
|
.testimonials-style-13 {
|
|
.swiper-slide {
|
|
opacity: 0.1;
|
|
&.swiper-slide-active {
|
|
opacity: 1;
|
|
}
|
|
&.swiper-slide-next {
|
|
opacity: 0.4;
|
|
}
|
|
}
|
|
} |