feat(geocaching): add initial page for 2023

feat(sliding_gallery): add horizontal scrolling gallery component
This commit is contained in:
Matthieu Bessat 2023-09-15 14:59:48 +02:00
parent b779f59e70
commit 9a3b414e76
13 changed files with 173 additions and 0 deletions

View file

@ -0,0 +1,29 @@
.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 */
}
}