1
0
forked from M-Labs/web2019
web2019/sass/css/_slideshow.scss
2020-02-01 10:56:22 +01:00

72 lines
1.1 KiB
SCSS

.slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
padding: 0 2em;
}
.mySlides {
display: none;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 3px 8px;
color: #715ec7 !important;
font-weight: bold;
transition: 0.6s ease;
user-select: none;
border: 1px solid #715ec7;
border-radius: 20px;
font-size: .7em;
}
.next {
right: 0;
}
.prev {
left: 0;
}
.dot {
cursor: pointer;
height: 10px;
width: 10px;
margin: 0 2px;
background-color: #fff;
border: 1px solid #715ec7;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.dot.active, .dot:hover {
background-color: #715ec7;
}
.fadeGallery {
-webkit-animation-name: fadeGallery;
-webkit-animation-duration: 1.5s;
animation-name: fadeGallery;
animation-duration: 1.5s;
margin: 0 auto;
text-align: center;
}
@-webkit-keyframes fadeGallery {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fadeGallery {
from {opacity: .4}
to {opacity: 1}
}
.slideshow-dots {
padding: .5em;
}