Files
bridget/assets/scss/_partial/_collection.scss
Spedon Wen f56bc882db refactor: improve top position calculation in stylesheets
- Update the top position calculation in the `_collection.scss` file
2024-03-17 15:58:51 +08:00

30 lines
483 B
SCSS

.collection {
display: flex;
flex-direction: column;
gap: 20vh;
padding-top: calc(var(--window-height) * 0.4);
margin-top: calc(var(--nav-height) * -1);
img {
position: sticky;
top: calc(var(--window-height) * 0.4);
width: 60vw;
height: 20vh;
object-fit: contain;
transform: translate3d(0, -50%, 0);
align-self: center;
&:last-child {
margin-bottom: calc(var(--window-height) * 0.35);
}
}
}
.hidden {
display: none;
}