Files
chaffe-theme/src/scss/flex-3-column-callouts.scss
2025-05-07 15:25:58 -07:00

40 lines
846 B
SCSS

.flex_3_column_callouts {
.callout {
padding: 3rem 3rem 5rem 4rem;
line-height: 37px;
.image-wrapper {
margin-bottom: 3rem;
}
img {
width: 47px;
height: 47px;
}
p.headline {
font-size: 30px;
font-weight: 600;
}
&:first-of-type {
background-color: $c-navy;
color: $c-white;
}
&:nth-of-type(2) {
background-color: $c-offWhite;
color: $c-navy;
img {
filter: brightness(0) saturate(100%) invert(21%) sepia(57%) saturate(688%) hue-rotate(162deg) brightness(92%) contrast(88%);
}
}
&:last-of-type {
background-color: $c-charcoal;
color: $c-white;
}
}
}