v1/web/modules/contrib/gin_lb/styles/components/_grid.scss

38 lines
678 B
SCSS

.glb-grid {
display: flex;
flex-wrap: wrap;
}
.glb-grid-item {
width: calc(33% - 2px);
background: var(--gin-bg-layer) !important;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 6px;
margin: 1px !important;
padding: 6px;
svg, img {
width: 60px;
}
&:hover {
background-color: var(--gin-bg-item-hover) !important;
}
}
.gin--dark-mode .glb-grid-item img {
filter: invert(1);
}
.glb-layout-builder-browser .glb-claro-details__wrapper {
@extend .glb-grid;
padding-top: 4px;
padding-bottom: 4px;
margin-left: -20px;
margin-right: -24px;
}
.layout-builder-browser-block-item {
@extend .glb-grid-item;
}