@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";
.block-glossary-items {
--text-color: #{$primary};
position: relative;
padding: 3em 0;
@include bp($lg){
padding: 6em 0;
}
.heading {
color: var(--text-color)
}
&.theme--dark {
--text-color: #{$white};
}
&__heading-row {
margin-bottom: rem-calc(40);
}
.sub-category__item {
&:last-of-type {
&:after {
display: none;
}
}
}
&__heading-buttons {
text-align: left;
margin-top: rem-calc(20);
@include bp($lg) {
text-align: right;
margin-top: 0;
}
}
&__card {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
&__card-column {
margin-bottom: rem-calc(30);
border-bottom: 1px solid $grey-primary;
padding-bottom: rem-calc(30);
@include bp($lg) {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
}
&__card-categories {
margin-bottom: rem-calc(10);
}
&__card-heading {
font-size: rem-calc(24);
text-decoration: none;
display: block;
color: var(--text-color);
transition: all 0.3s ease-in-out;
&:hover {
color: $secondary;
}
}
&__card-excerpt {
font-size: rem-calc(16);
color: var(--text-color);
margin-top: rem-calc(20);
}
&__card-bottom {
margin-top: rem-calc(20);
}
}
This component is not currently used on any pages.