mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
the flow is squared now
This commit is contained in:
parent
fea0a37457
commit
a1dbb6bdfa
1 changed files with 6 additions and 0 deletions
|
@ -16,18 +16,24 @@ $cols: $content_width / $cell;
|
||||||
|
|
||||||
@media (max-width: $cell * 5) {
|
@media (max-width: $cell * 5) {
|
||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
grid-auto-rows: 25vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $cell * 4) {
|
@media (max-width: $cell * 4) {
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
grid-auto-rows: 33vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $cell * 3) {
|
@media (max-width: $cell * 3) {
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
grid-auto-rows: 50vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $cell * 2) {
|
@media (max-width: $cell * 2) {
|
||||||
grid-template-columns: repeat(1, 1fr);
|
grid-template-columns: repeat(1, 1fr);
|
||||||
|
grid-auto-rows: 75vw;
|
||||||
|
grid-column-gap: $gap;
|
||||||
|
grid-row-gap: $gap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue