xarxaprod-wp-theme/sass/components/media/_galleries.scss

24 lines
349 B
SCSS

.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: $grid__gap;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
// Loops to enumerate the classes for gallery columns.
@for $i from 2 through 9 {
.gallery-columns-#{$i} {
grid-template-columns: repeat($i, 1fr);
}
}
.gallery-caption {
display: block;
}