mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-05-04 17:16:40 +07:00
moved out image grid components
This commit is contained in:
parent
a957281d01
commit
5872e7a457
6 changed files with 69 additions and 64 deletions
|
@ -1,30 +1,4 @@
|
|||
.grid {
|
||||
min-height: 200px;
|
||||
padding-bottom: 62px;
|
||||
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: 1;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.helper {
|
||||
opacity: 0.5;
|
||||
z-index: 10;
|
||||
z-index: 10 !important;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue