WIP
This commit is contained in:
@@ -5,9 +5,13 @@
|
||||
grid-template-rows: 1fr auto 1fr;
|
||||
width: 100%;
|
||||
|
||||
.icon-img img {
|
||||
max-width: 37px;
|
||||
height: auto;
|
||||
.icon-img {
|
||||
height: 37px;
|
||||
|
||||
img {
|
||||
max-width: 37px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,22 +1,20 @@
|
||||
.product-carousel-slice-container {
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before {
|
||||
opacity: 0;
|
||||
@include media-breakpoint-up(lg) {
|
||||
.slick-dots {
|
||||
bottom: 1%;
|
||||
left: -12%;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
bottom: -3px;
|
||||
left: -112px;
|
||||
|
||||
li {
|
||||
button {
|
||||
padding: 0;
|
||||
|
||||
&::before {
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
opacity: .9;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -26,6 +24,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
// hide arrows
|
||||
.slick-prev:before,
|
||||
.slick-next:before {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.products {
|
||||
.product-slide {
|
||||
.g-sky-border {
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
.testimonials {
|
||||
.testimonial-image {
|
||||
img {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
// width: 250px;
|
||||
// height: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,38 +22,29 @@
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.testimonial-carousel-slice-container {
|
||||
.slick-dots {
|
||||
li {
|
||||
button {
|
||||
&::before {
|
||||
color: #507CFF;
|
||||
}
|
||||
|
||||
.testimonial-carousel-slice-container {
|
||||
.slick-dots {
|
||||
li {
|
||||
button {
|
||||
padding: 0;
|
||||
|
||||
&::before {
|
||||
font-size: 12px;
|
||||
color: #507CFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-active button::before {
|
||||
color: #507CFF;
|
||||
}
|
||||
.slick-active button::before {
|
||||
color: #507CFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.testimonial-carousel-slice-container {
|
||||
.slick-dots {
|
||||
li {
|
||||
button {
|
||||
&::before {
|
||||
color: #507CFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-active button::before {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
.slick-dots {
|
||||
bottom: 0;
|
||||
left: -12%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user