diff options
Diffstat (limited to 'scss/modules/_link-gallery.scss')
| -rw-r--r-- | scss/modules/_link-gallery.scss | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/scss/modules/_link-gallery.scss b/scss/modules/_link-gallery.scss new file mode 100644 index 0000000..d321419 --- /dev/null +++ b/scss/modules/_link-gallery.scss @@ -0,0 +1,42 @@ +.link-gallery { + display: grid; + grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width)); + gap: var(--grid-gutter-width); + padding-block: var(--spacing-block-md); + --gallery-item-column-span: 1; + --gallery-row-image-height: 12rem; + --gallery-row-title-height: fit-content; + text-align: center; + + li { + list-style-type: none; + grid-column: span var(--gallery-item-column-span); + } + + img { + max-width: 100%; + max-height: 100%; + margin: auto; + object-fit: contain; + } +} + +.link-gallery__container { + display: grid; + grid-template-columns: 1fr; + grid-template-rows: var(--gallery-row-image-height) var(--gallery-row-title-height); + row-gap: var(--spacing-block-sm); +} + +.link-gallery--furthsettins img { + box-sizing: border-box; + border-radius: 50%; + border: solid var(--border-width) var(--text-color); +} + +.link-gallery__title { + width: 100%; + height: min-content; + text-align: center; + margin-inline: var(--spacing-inline-xs); +} |
