diff options
| author | Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> | 2024-01-19 09:16:42 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-19 09:16:42 +0000 |
| commit | 0cb6960f0c65c0d791ccdee2f5bc2e2b910cfb76 (patch) | |
| tree | 503e1129a999fe834d2a7b98a4e82bf07264f49f /scss/modules/_link-gallery.scss | |
| parent | 0b2fbe3f5b9e2fcf0da2b320af504d5cca759045 (diff) | |
Uses SCSS partials (#64)
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); +} |