[IMP][CSS] Improve margins on headings and sections

This commit is contained in:
Elisabeth Dickinson 2022-12-16 12:05:35 +01:00 committed by Antoine Vandevenne (anv)
parent 3b36e21109
commit 3b386da91c

View File

@ -718,34 +718,30 @@ header {
} }
section { section {
margin-bottom: $margin-m;
> h1 { > h1 {
color: $o-violet; color: $o-violet;
font-weight: $fw_bold; font-weight: $fw_bold;
margin-bottom: $margin-s;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
max-width: calc(100% - 120px); max-width: calc(100% - 120px);
} }
+ * {
margin-top: $margin-s;
}
} }
> h2 { > h2 {
font-family: $font-family-serif; font-family: $font-family-serif;
color: $o-gray-color; color: $o-gray-color;
margin-top: $margin-m;
margin-bottom: $margin-s; margin-bottom: $margin-s;
padding-bottom: .3rem; padding-bottom: .3rem;
border-bottom: 1px solid $o-gray-border; border-bottom: 1px solid $o-gray-border;
} }
> h3 { > h3 {
margin-top: $margin-m;
font-weight: $fw_bold; font-weight: $fw_bold;
} }
> h4 {
margin-top: $margin-l;
}
> h4, > h5, > h6 { > h4, > h5, > h6 {
font-weight: $fw_semibold; font-weight: $fw_semibold;