Website/assets/scss/components/aki-card.scss
2023-03-02 21:09:27 -05:00

32 lines
763 B
SCSS

aki-card,
*.aki-card,
*[aki-card] {
background: $primary;
box-shadow: $elevation-z1;
border-radius: .125rem;
color: $on-primary;
display: flex;
flex-direction: column;
font-size: .875rem;
letter-spacing: .0178571429em;
line-height: 1.25rem;
font-family: $font-open-sans, sans-serif;
max-width: calc(25rem - 3rem);
padding: 1.25rem 1.5rem;
aki-card-title
*.aki-card-title,
*[aki-card-title] {
font-family: $font-source-sans-pro, sans-serif;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: .009375em;
line-height: 1.75rem;
margin-bottom: 1rem;
text-transform: uppercase;
}
&.elevated-card {
box-shadow: $elevation-z8;
}
}