summaryrefslogtreecommitdiff
path: root/_sass/components/_article-header.scss
diff options
context:
space:
mode:
authorKarl Hallsby <karl@hallsby.com>2020-09-27 14:31:36 -0500
committerKarl Hallsby <karl@hallsby.com>2020-09-27 14:32:00 -0500
commit61b34a5f260db45575d448d766ea29c0fb273ed3 (patch)
tree4ac84fa917df0c69fb0fc6d587750514e7d0d813 /_sass/components/_article-header.scss
parentc3cafe3c3817f52d4c588b5b0d6e71e07e06145e (diff)
Add jekyll-text-theme YAML files
Diffstat (limited to '_sass/components/_article-header.scss')
-rw-r--r--_sass/components/_article-header.scss50
1 files changed, 50 insertions, 0 deletions
diff --git a/_sass/components/_article-header.scss b/_sass/components/_article-header.scss
new file mode 100644
index 0000000..002cc8c
--- /dev/null
+++ b/_sass/components/_article-header.scss
@@ -0,0 +1,50 @@
+.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%;
+}