website/assets/sass/sliding_gallery.scss
Matthieu Bessat 9a3b414e76 feat(geocaching): add initial page for 2023
feat(sliding_gallery): add horizontal scrolling gallery component
2023-09-15 14:59:48 +02:00

29 lines
712 B
SCSS

.sliding_gallery {
display: flex;
flex-direction: row;
overflow-x: auto;
scrollbar-width: auto !important;
scrollbar-color: $accent rgba(0, 0, 0, 0.1) !important;
margin: 2rem 0;
figure {
min-width: 30rem;
}
&::-webkit-scrollbar {
width: 12px; /* width of the entire scrollbar */
}
&::-webkit-scrollbar-track {
background: orange; /* color of the tracking area */
}
&::-webkit-scrollbar-thumb {
background-color: blue; /* color of the scroll thumb */
border-radius: 20px; /* roundness of the scroll thumb */
border: 3px solid orange; /* creates padding around scroll thumb */
}
}