31 lines
631 B
SCSS
31 lines
631 B
SCSS
.gallery {
|
|
width: 100%;
|
|
// aspect-ratio: 5/3;
|
|
background: black;
|
|
display: flex;
|
|
overflow-x: scroll;
|
|
scroll-snap-type: x mandatory;
|
|
padding: 2em 0;
|
|
scroll-padding: 3em;
|
|
// &::before {
|
|
// content: ".";
|
|
// background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 04, 1) 100%);
|
|
// display: block;
|
|
// width: 120px;
|
|
// position: absolute;
|
|
// top: 0;
|
|
// left: 0;
|
|
// height: 100%;
|
|
// }
|
|
|
|
.gatsby-image-wrapper {
|
|
aspect-ratio: 3/2;
|
|
width: 400px;
|
|
flex-shrink: 0;
|
|
// height: 280px;
|
|
// width: 350px;
|
|
scroll-snap-align: start;
|
|
margin-left: 2em;
|
|
}
|
|
}
|