[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;
font-weight: $fw_bold;
max-width: calc(100% - 120px);
+ *:not(h2) {
+ * {
margin-top: 1rem;
}
}
@ -546,17 +546,21 @@ header.o_main_header{
> h2 {
font-family: $font-family-serif;
color: $gray-darker;
margin-top: .5rem;
margin-bottom: 1.5rem;
margin-top: 3rem;
margin-bottom: 1rem;
padding-bottom: .3rem;
border-bottom: 1px solid $gray-light;
}
> h3 {
color: $gray-darkest;
margin-top: 2rem;
font-weight: $fw_bold;
}
> h4 {
margin-top: 2rem;
}
> h4, > h5, > h6 {
font-weight: $fw_semibold;
}
@ -606,12 +610,10 @@ header.o_main_header{
@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.
visibility: visible;
opacity: 1;
}
}
}
@ -658,6 +660,7 @@ header.o_main_header{
text-align: center;
color: $white;
font-weight: $fw_extrabold;
font-style: normal;
margin: 0 .2rem;
}
}