Skip to content

Commit

Permalink
LOYALIST-56 Add utility class for flex + image grid
Browse files Browse the repository at this point in the history
  • Loading branch information
jtmcd75 committed Oct 8, 2024
1 parent 23b7ee2 commit bc0e646
Showing 1 changed file with 31 additions and 0 deletions.
31 changes: 31 additions & 0 deletions custom/themes/the_loyalist_collection/src/scss/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit bc0e646

Please sign in to comment.