Created
March 28, 2019 06:10
-
-
Save lalitkumarjoomdev/98edc04ceacca10b57e0be9fef78df1c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* @package JD ServX | |
* @author JoomDev <info@joomdev.com> | |
* @link https://www.joomdev.com | |
* @copyright Copyright © 2018 Regular Labs All Rights Reserved | |
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL | |
*/ | |
.jd-testimonial .slick-initialized { | |
.slick-slide { | |
background-color: $white; | |
margin: 20px 40px 0px; | |
padding: 30px; | |
text-align: center; | |
.main-slide-content { | |
box-shadow: 0px 0px 20px 5px rgba(245,245,245,1); | |
-webkit-box-shadow: 0px 0px 20px 5px rgba(245,245,245,1); | |
-moz-box-shadow: 0px 0px 20px 5px rgba(245,245,245,1); | |
padding: 10px; | |
border-radius: 2px; | |
position: relative; | |
&:before { | |
content: "\f10d"; | |
display: inline-block; | |
font-family: "Font Awesome 5 Free"; | |
font-weight: 700; | |
line-height: 30px; | |
padding: 4px; | |
position: absolute; | |
left: 150px; | |
top: -20px; | |
color: $secondary; | |
font-size: 40px; | |
@include media-breakpoint-down(md) { | |
content: none; | |
} | |
} | |
} | |
.slide-content { | |
margin: 0 auto; | |
max-width: 700px; | |
padding: 20px; | |
@include media-breakpoint-down(sm) { | |
max-width: 100%; | |
} | |
.jd-testimonial-companyname, | |
.author-text { | |
margin-top: 10px; | |
} | |
.jd-testimonial-review, | |
.text { | |
font-weight: normal; | |
margin: 20px 0; | |
} | |
} | |
.jd-testimonial-author-img, | |
.author-img { | |
position: relative; | |
} | |
} | |
.slick-dots li { | |
button:before { | |
border-width: 1px; | |
border-style: solid; | |
border-color: $secondary !important; | |
display: inline-block; | |
font-size: 6px; | |
height: 12px; | |
line-height: 11px !important; | |
position: relative; | |
width: 12px; | |
border-radius: 100px; | |
} | |
&.slick-active:before { | |
border-width: 1px; | |
border-style: solid; | |
display: inline-block; | |
font-size: 8px; | |
height: 15px; | |
line-height: 14px !important; | |
position: relative; | |
width: 15px; | |
border-radius: 100px; | |
} | |
} | |
.slick-prev, | |
.slick-next { | |
border: 1px solid transparent; | |
border-radius: 100px; | |
height: 40px; | |
width: 40px; | |
background: $white; | |
box-shadow: 0 0 5px 2px rgba(245,245,245,1); | |
-webkit-box-shadow: 0 0 5px 2px rgba(245,245,245,1); | |
-moz-box-shadow: 0 0 5px 2px rgba(245,245,245,1); | |
} | |
.slick-prev:before, | |
.slick-next:before { | |
font-family: "Font Awesome 5 Free"; | |
display: inline-block; | |
font-weight: 700; | |
line-height: 30px; | |
padding: 4px; | |
} | |
.slick-prev:before { | |
content: "\f060"; | |
} | |
.slick-next:before { | |
content: "\f061"; | |
} | |
} | |
.jd-testimonial .slide-content .jd-testimonial-author-info .author-img { | |
margin: -60px auto 20px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment