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

24 lines
344 B
SCSS
Raw Normal View History

2024-01-09 16:13:20 +01:00
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.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;
}