mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-05-04 17:16:40 +07:00
image grid
This commit is contained in:
parent
af3b413903
commit
2dd0cb28e2
7 changed files with 127 additions and 13 deletions
25
src/components/editors/ImageGrid/styles.scss
Normal file
25
src/components/editors/ImageGrid/styles.scss
Normal file
|
@ -0,0 +1,25 @@
|
|||
.grid {
|
||||
min-height: 200px;
|
||||
padding-bottom: 60px;
|
||||
box-sizing: border-box;
|
||||
|
||||
// display: grid;
|
||||
// grid-column-gap: $gap;
|
||||
// grid-row-gap: $gap;
|
||||
// grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// @media (max-width: 600px) {
|
||||
// grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
|
||||
// }
|
||||
}
|
||||
|
||||
.item {
|
||||
// flex: 0 4 25%;
|
||||
width: 25%;
|
||||
float: left;
|
||||
padding: $gap / 2;
|
||||
z-index: 100;
|
||||
box-sizing: border-box;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue