muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

made smaller cells for fluid flow

Browse source
This commit is contained in:
Fedor Katurov 2021-06-23 17:50:50 +07:00
parent 5e9b37c105
commit 8eb21d16a9
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/FlowLayout/styles.module.scss
View file

@ -1,5 +1,7 @@
@import "src/styles/variables"; @import "src/styles/variables";
$fluid_cell: 250px;
.wrap { .wrap {
max-width: 2000px; max-width: 2000px;
padding: 0 40px 40px 40px; padding: 0 40px 40px 40px;
@ -40,7 +42,9 @@ $cols: $content_width / $cell;
grid-row-gap: $gap; grid-row-gap: $gap;
@include fluid { @include fluid {
grid-template-rows: $cell; grid-template-columns: repeat(auto-fit, minmax($fluid_cell - 5, 1fr));
grid-template-rows: $fluid_cell;
grid-auto-rows: $fluid_cell;
} }
@media (max-width: ($cell + 5) * 2) { @media (max-width: ($cell + 5) * 2) {