gcg-website/assets/scss/templates/_slider.scss

73 lines
1.0 KiB
SCSS
Raw Normal View History

2022-03-18 13:35:57 +01:00
.hero-section {
2023-02-01 18:16:35 +01:00
padding: 250px 0 200px;
2022-03-18 13:35:57 +01:00
}
2023-02-01 20:24:20 +01:00
.hs-banner {
padding: 50px 0 200px;
}
2022-03-18 13:35:57 +01:00
.hero-slider {
.prevArrow,
.nextArrow {
position: absolute;
bottom: -123px;
z-index: 9;
padding: 15px;
color: rgba($color: $white, $alpha: .5);
border: 0;
font-size: 30px;
transition: all linear .2s;
background: transparent;
&:focus {
outline: 0;
}
&:hover {
color: $primary-color;
}
}
.prevArrow {
right: 60px;
}
.nextArrow {
right: 0;
}
2023-02-09 12:29:38 +01:00
.arrowIcon {
font-size: 40px;
}
2022-03-18 13:35:57 +01:00
.slick-dots {
position: absolute;
left: 0;
bottom: -100px;
padding-left: 0;
li {
display: inline-block;
margin: 0 6px;
&.slick-active {
button {
background: $primary-color;
}
}
button {
color: transparent;
padding: 0;
overflow: hidden;
height: 10px;
width: 10px;
background: rgba($color: $white, $alpha: .5);
border: 0;
outline: 0;
}
}
}
}