Skip to content

Commit

Permalink
feat(design): clean up card styles (#2720)
Browse files Browse the repository at this point in the history
- Decreased title font size
- Add top margin to content only if it's used with title
  • Loading branch information
xelaint committed Jan 16, 2024
1 parent 2ec65c2 commit 8399a1b
Showing 1 changed file with 10 additions and 12 deletions.
22 changes: 10 additions & 12 deletions libs/design/card/src/card/card.component.scss
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,12 @@ $card-inner-border-radius: calc(#{$card-border-radius} - 1px);
}
}

&__body {
padding: 1.5rem;
position: relative;
z-index: 2;
}

&__icon {
display: block;
margin: 0 0 0.5rem;
Expand All @@ -60,21 +66,13 @@ $card-inner-border-radius: calc(#{$card-border-radius} - 1px);
}

&__title {
@include t.embolden;
font-size: 1.375rem;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5rem;
margin: 0 0 1rem;

@include layout.breakpoint(mobile) {
font-size: 1.5rem;
line-height: 1.75rem;
}
}

&__body {
padding: 1.5rem;
position: relative;
z-index: 2;
&__title + &__content {
margin: 1rem 0 0;
}

&__content {
Expand Down

0 comments on commit 8399a1b

Please sign in to comment.