diff --git a/custom/themes/the_loyalist_collection/src/scss/style.scss b/custom/themes/the_loyalist_collection/src/scss/style.scss index 6974e7d..fa767a0 100644 --- a/custom/themes/the_loyalist_collection/src/scss/style.scss +++ b/custom/themes/the_loyalist_collection/src/scss/style.scss @@ -268,6 +268,37 @@ u { } } +// Grid of linked images & text, eg. Research Help page. +.flex-grid { + column-gap: $spacer; + row-gap: $spacer * 1.5; + + div { + text-align: center; + + a, + img { + transition: $transition-all; + } + + img { + margin-bottom: $spacer * 0.25; + } + + &:hover { + a:last-child { + color: var(--bs-link-hover-color); + text-decoration: var(--bs-link-hover-color) $text-decoration-style-hover; + } + + img:not([class]) { + border-color: var(--bs-link-hover-color); + box-shadow: 0 0 0.15rem var(--bs-link-hover-color); + } + } + } +} + .title-field-number { color: var(--bs-secondary-text-emphasis); font-size: $font-size-base * 0.85;