mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
refactored flow layout
This commit is contained in:
parent
756c82c8aa
commit
02885b89d5
4 changed files with 150 additions and 78 deletions
|
@ -2,11 +2,6 @@ $cols: $content_width / $cell;
|
|||
$stamp_color: $content_bg;
|
||||
|
||||
.grid {
|
||||
padding: $gap / 2;
|
||||
margin: 0 (-$gap / 2);
|
||||
}
|
||||
|
||||
.grid_test {
|
||||
display: grid;
|
||||
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
|
@ -73,7 +68,7 @@ $stamp_color: $content_bg;
|
|||
|
||||
.stamp {
|
||||
@include outer_shadow();
|
||||
// grid-row: -1 / 3;
|
||||
|
||||
grid-row-end: span 2;
|
||||
grid-column: -2 / -1;
|
||||
background: $stamp_color;
|
||||
|
@ -90,16 +85,13 @@ $stamp_color: $content_bg;
|
|||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
background: linear-gradient(
|
||||
transparentize($stamp_color, 1),
|
||||
$stamp_color 90%
|
||||
);
|
||||
background: linear-gradient(transparentize($stamp_color, 1), $stamp_color 90%);
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue