Improved scene tile scaling.

This commit is contained in:
DebaucheryLibrarian
2021-10-31 01:00:12 +02:00
parent d1e05915b5
commit a867817dc1
3 changed files with 26 additions and 10 deletions

View File

@@ -126,10 +126,29 @@ export default {
font-weight: bold;
}
@media(max-width: $breakpoint-mega) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
}
}
@media(max-width: $breakpoint-kilo) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
grid-gap: .5rem;
padding: .5rem;
}
}
@media(max-width: $breakpoint) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
}
@media(max-width: $breakpoint-micro) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}
}
</style>