Files
bridget/assets/scss/_partial/_collection.scss
Spedon d7e7fc68ba refactor: improve top position calculation in stylesheets (#302)
* refactor: improve top position calculation in stylesheets

- Update the top position calculation in the `_collection.scss` file

* refactor: tweak it harder

* Revert "refactor: tweak it harder"

This reverts commit b7bf7e50f8.
2024-03-17 16:15:13 +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;
}