1.article__header { 2 margin-top: map-get($spacers, 5); 3 margin-bottom: map-get($spacers, 4); 4 @include media-breakpoint-down(md) { 5 margin-top: map-get($spacers, 4); 6 } 7 header, h1 { 8 display: inline; 9 } 10 h1 { 11 word-wrap: break-word; 12 } 13 .split-space { 14 @include user-select(none); 15 } 16 .edit-on-github { 17 text-decoration: none !important; 18 } 19} 20 21.article__header--overlay { 22 .overlay { 23 min-height: 36rem; 24 padding-top: map-get($spacers, 5) * 2; 25 padding-bottom: map-get($spacers, 5) * 2; 26 @include media-breakpoint-down(md) { 27 min-height: 29rem; 28 padding-top: map-get($spacers, 5); 29 padding-bottom: map-get($spacers, 5); 30 } 31 } 32 .overlay__excerpt { 33 font-size: map-get($base, font-size-h3-xl); 34 @include media-breakpoint-down(lg) { 35 font-size: map-get($base, font-size-h3-lg); 36 } 37 @include media-breakpoint-down(md) { 38 font-size: map-get($base, font-size-h3-sm); 39 } 40 font-weight: map-get($base, font-weight-bold); 41 } 42 43 .article__header { 44 margin-top: 0; 45 } 46} 47 48.article__header--cover { 49 width: 100%; 50}