muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

Flow cell

Browse source
This commit is contained in:
muerwre 2019-08-25 13:27:48 +07:00
parent 209ab25ab0
commit 603e78b5ba
7 changed files with 130 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

49
src/components/flow/FlowGrid/styles.scss Normal file
View file

@ -0,0 +1,49 @@
$cols: $content_width / $cell;
.grid {
padding: $gap / 2;
margin: 0 (-$gap / 2);
}
.grid_test {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-rows: 360px;
grid-auto-rows: 256px;
grid-auto-flow: row dense;
grid-column-gap: $grid_line;
grid-row-gap: $grid_line;
}
.pad_last {
grid-column-end: $cols + 1;
}
.hero {
grid-row-start: 1;
grid-row-end: span 1;
grid-column-start: 0;
grid-column-end: span 4;
// gridRow: "1 / 2",
// gridColumn: "1 / -1",
background: darken($content_bg, 2%);
border-radius: $radius;
// height: 33vh;
display: flex;
align-items: center;
justify-content: center;
font: $font_24_semibold;
}
.stamp {
// grid-row: -1 / 3;
grid-row-end: span 3;
grid-column: -2 / -1;
background: darken($content_bg, 8%);
border-radius: $radius;
padding: $gap;
display: flex;
align-items: center;
justify-content: center;
font: $font_24_semibold;
}