Justin Edmund
2d1af335c3
This PR implements: * Fade-in transitions when cells load in, making navigation and loading appear less janky. * When scrolling, skeleton reps show up before the actual ones load in. * Resetting filters will also reset any set inclusions or exclusions
23 lines
521 B
SCSS
23 lines
521 B
SCSS
.collection {
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
|
margin: 0 auto;
|
|
margin-top: $unit-2x;
|
|
padding: 0;
|
|
padding-top: $unit-fourth;
|
|
transition: opacity 0.14s ease-in-out;
|
|
justify-items: center;
|
|
width: 100%;
|
|
max-width: 996px;
|
|
|
|
@include breakpoint(tablet) {
|
|
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
|
}
|
|
|
|
@include breakpoint(phone) {
|
|
grid-template-columns: 1fr;
|
|
max-width: inherit;
|
|
width: 100%;
|
|
}
|
|
}
|