51 lines
1.1 KiB
SCSS
51 lines
1.1 KiB
SCSS
|
.article__header {
|
||
|
|
margin-top: map-get($spacers, 5);
|
||
|
|
margin-bottom: map-get($spacers, 4);
|
||
|
|
@include media-breakpoint-down(md) {
|
||
|
|
margin-top: map-get($spacers, 4);
|
||
|
|
}
|
||
|
|
header, h1 {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
.split-space {
|
||
|
|
@include user-select(none);
|
||
|
|
}
|
||
|
|
.edit-on-github {
|
||
|
|
text-decoration: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.article__header--overlay {
|
||
|
|
.overlay {
|
||
|
|
min-height: 36rem;
|
||
|
|
padding-top: map-get($spacers, 5) * 2;
|
||
|
|
padding-bottom: map-get($spacers, 5) * 2;
|
||
|
|
@include media-breakpoint-down(md) {
|
||
|
|
min-height: 29rem;
|
||
|
|
padding-top: map-get($spacers, 5);
|
||
|
|
padding-bottom: map-get($spacers, 5);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.overlay__excerpt {
|
||
|
|
font-size: map-get($base, font-size-h3-xl);
|
||
|
|
@include media-breakpoint-down(lg) {
|
||
|
|
font-size: map-get($base, font-size-h3-lg);
|
||
|
|
}
|
||
|
|
@include media-breakpoint-down(md) {
|
||
|
|
font-size: map-get($base, font-size-h3-sm);
|
||
|
|
}
|
||
|
|
font-weight: map-get($base, font-weight-bold);
|
||
|
|
}
|
||
|
|
|
||
|
|
.article__header {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.article__header--cover {
|
||
|
|
width: 100%;
|
||
|
|
}
|