40 lines
No EOL
616 B
CSS
40 lines
No EOL
616 B
CSS
.glide {
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.glide::-webkit-scrollbar {
|
|
width: 1rem;
|
|
}
|
|
|
|
/* Track */
|
|
.glide::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Handle */
|
|
.glide::-webkit-scrollbar-thumb {
|
|
background-color: var(--c-1);
|
|
border-radius: 999px;
|
|
transition: .2s all;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
.glide::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--c-3);
|
|
}
|
|
|
|
.glide__slides {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
gap: 1rem;
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.glide__slide img {
|
|
max-width: 12rem;
|
|
}
|
|
|
|
.glide__slide img {
|
|
border-radius: 2rem;
|
|
pointer-events: none;
|
|
} |