templates: Tighten up header and heading vertical spacing.

This commit is contained in:
Bradley Sepos
2020-03-09 02:28:36 -04:00
parent 84db4b3cde
commit cbf4852443

View File

@@ -111,12 +111,12 @@ article.docs header .super .title {
}
article.docs header + * {
margin-top: 9.875rem; /* 6.75rem + header .super height */
margin-top: 7.875rem; /* 4.75rem + header .super height */
}
article.docs nav {
margin: 0 auto;
padding: .9375rem .9375rem 2.8125rem;
padding: .9375rem .9375rem 2.75rem;
width: 90%;
height: 3.75rem;
font-size: .6875rem;
@@ -581,7 +581,12 @@ article.docs .footnotes + footer {
/* Wider than 350 */
@media (min-width: 350px) {
article.docs header + * {
margin-top: 8.125rem; /* 5rem + header .super height */
}
article.docs nav {
padding-bottom: 3rem;
font-size: .75rem;
}
}
@@ -638,11 +643,11 @@ article.docs .footnotes + footer {
}
article.docs header + * {
margin-top: 11.25rem; /* 7.5rem + header .super height */
margin-top: 9.5rem; /* 5.75rem + header .super height */
}
article.docs nav {
padding: 1.25rem 3.125rem 2.8125rem;
padding: 1.25rem 3.125rem 2.5rem;
width: 580px;
height: 4.6875rem;
}
@@ -709,11 +714,11 @@ article.docs .footnotes + footer {
}
article.docs header + * {
margin-top: 12.5rem; /* 8.75rem + header .super height */
margin-top: 12.5rem; /* 7rem + header .super height */
}
article.docs nav {
padding: 1.875rem 6.25rem 3.75rem;
padding: 1.875rem 6.25rem 2.5rem;
width: 680px;
}
@@ -764,6 +769,7 @@ article.docs .footnotes + footer {
}
article.docs nav {
padding-bottom: 4.25rem;
width: 760px;
font-size: .9rem;
}
@@ -798,7 +804,7 @@ article.docs .footnotes + footer {
}
article.docs header + * {
margin-top: 15.5rem; /* 10.5rem + header .super height */
margin-top: 13.75rem; /* 8.75rem + header .super height */
}
article.docs h1 {
@@ -873,10 +879,6 @@ article.docs .footnotes + footer {
/* Shorter than 550 */
@media (max-height: 549px) {
article.docs header + * {
margin-top: 10rem; /* 6.25rem + header .super height */
}
article.docs figure img {
max-height: 300px;
}
@@ -894,23 +896,15 @@ article.docs .footnotes + footer {
}
article.docs header + * {
/* margin-top: 8.75rem; /* 5rem + header .super height */
margin-top: 5.25rem; /* 2.5rem + header .super height */
}
article.docs nav {
padding: .625rem .9375rem 1.5625rem;
/*
height: 3.125rem;
*/
padding: .625rem .9375rem 1.5rem;
height: 2rem;
}
article.docs nav .breadcrumbs {
/*
margin-top: .5em;
font-size: .625rem;
*/
display: none;
}
@@ -921,6 +915,10 @@ article.docs .footnotes + footer {
/* Shorter than 350 */
@media (max-height: 349px) {
article.docs nav {
padding: .625rem .9375rem 1.25rem;
}
article.docs figure img {
max-height: 160px;
}