[DESIGN] modify spacings above titles in content

This commit is contained in:
Elisabeth Dickinson 2021-03-24 09:54:19 +01:00
parent 27f01a9a61
commit 50bde37cf2

View File

@ -538,7 +538,7 @@ header.o_main_header{
color: $o-violet-dark; color: $o-violet-dark;
font-weight: $fw_bold; font-weight: $fw_bold;
max-width: calc(100% - 120px); max-width: calc(100% - 120px);
+ *:not(h2) { + * {
margin-top: 1rem; margin-top: 1rem;
} }
} }
@ -546,17 +546,21 @@ header.o_main_header{
> h2 { > h2 {
font-family: $font-family-serif; font-family: $font-family-serif;
color: $gray-darker; color: $gray-darker;
margin-top: .5rem; margin-top: 3rem;
margin-bottom: 1.5rem; margin-bottom: 1rem;
padding-bottom: .3rem; padding-bottom: .3rem;
border-bottom: 1px solid $gray-light; border-bottom: 1px solid $gray-light;
} }
> h3 { > h3 {
color: $gray-darkest; margin-top: 2rem;
font-weight: $fw_bold; font-weight: $fw_bold;
} }
> h4 {
margin-top: 2rem;
}
> h4, > h5, > h6 { > h4, > h5, > h6 {
font-weight: $fw_semibold; font-weight: $fw_semibold;
} }
@ -606,12 +610,10 @@ header.o_main_header{
@include o-transition(all, .1s) @include o-transition(all, .1s)
} }
} }
h1, h2, h3, h4, h5, h6, dt, caption, p.caption, div.code-block-caption { *:hover > a.headerlink:after{
&:hover > a.headerlink:after{
// This makes permalinks only visible on hover. // This makes permalinks only visible on hover.
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
}
} }
} }
@ -658,6 +660,7 @@ header.o_main_header{
text-align: center; text-align: center;
color: $white; color: $white;
font-weight: $fw_extrabold; font-weight: $fw_extrabold;
font-style: normal;
margin: 0 .2rem; margin: 0 .2rem;
} }
} }