23 lines
344 B
SCSS
23 lines
344 B
SCSS
.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;
|
|
}
|