diff options
Diffstat (limited to 'design/sass')
| -rw-r--r-- | design/sass/_archives.scss | 35 | ||||
| -rw-r--r-- | design/sass/_comments.scss | 2 | ||||
| -rw-r--r-- | design/sass/_details.scss | 6 | ||||
| -rw-r--r-- | design/sass/_fonts.scss | 14 | ||||
| -rw-r--r-- | design/sass/_footer.scss | 2 | ||||
| -rw-r--r-- | design/sass/_global.scss | 13 | ||||
| -rw-r--r-- | design/sass/_mixins.scss | 9 |
7 files changed, 56 insertions, 25 deletions
diff --git a/design/sass/_archives.scss b/design/sass/_archives.scss index a2caba9..215ff29 100644 --- a/design/sass/_archives.scss +++ b/design/sass/_archives.scss @@ -22,6 +22,26 @@ text-align: left; } } +.essay-intro { + font-family: $fancy_serif; + border-bottom: 3px double #efefef; + padding-bottom: 3rem; + margin-bottom: 4rem; + p { + font-style: normal !important; + @include fontsize(18); + line-height: 1.3; + margin-top: 1.2rem !important; + &:first-of-type { + margin-top: 2rem !important; + } + } + a { + text-decoration: underline !important; + text-decoration-color: $orange !important; + + } +} // container for archive grid items .archive-grid { @@ -39,7 +59,8 @@ } // body class archive, article header (usually inherits h2) .archive .post-title { - @include fontsize(24); + font-family: $fancy_serif; + @include fontsize(26); line-height: 1.3; font-style: italic; margin: .25rem 0 .5rem; @@ -50,14 +71,17 @@ // the date and location are small caps .post-date, .post-location { @include smcaps; - @include fontsize(12); + @include fontsize(14); + font-weight: bold; + color: $secondary-link-color; line-height: 1.2; text-align: left; margin: 0; } // slightly larger summary than a p in this context .post-summary { - @include fontsize(15); + font-family: $fancy_serif; + @include fontsize(16); line-height: $archive_p_line_height; margin-top: .25rem; text-align: left; @@ -92,7 +116,7 @@ } } h2 { - font-family: $fancy_headline_font_serif; + font-family: $fancy_serif; @include fontsize(32); margin: 0; line-height: 1.1; @@ -100,7 +124,7 @@ p { margin: 0; @include fontsize(20); - font-family: $fancy_italic; + font-style: italic; } } // Specific pages vary slightly @@ -263,6 +287,7 @@ display: block; margin-top: .75rem; @include fontsize(20); + } } .post-location { diff --git a/design/sass/_comments.scss b/design/sass/_comments.scss index 45c81dc..1e254d6 100644 --- a/design/sass/_comments.scss +++ b/design/sass/_comments.scss @@ -60,7 +60,7 @@ .comment--form--wrapper { @include constrain_narrow(); p { - font-family: $fancy_headline_font_serif; + font-family: $fancy_serif; } } .comment--form--header { diff --git a/design/sass/_details.scss b/design/sass/_details.scss index ffc32f5..3659c26 100644 --- a/design/sass/_details.scss +++ b/design/sass/_details.scss @@ -21,7 +21,7 @@ } } .post-subtitle { - font-family: $fancy_italic; + font-style: italic; font-size: 1.5rem; line-height: 1; margin-top: .5rem; @@ -60,7 +60,7 @@ margin: 0 } .afterward { - font-family: $fancy_italic; + font-style: italic; h4 { margin-bottom: 0; } @@ -173,7 +173,7 @@ h4.post-source { a { display: block; float: left; - font-family: $fancy_headline_font_serif; + font-family: $fancy_serif; text-align: left; font-style: italic; color: $brown; diff --git a/design/sass/_fonts.scss b/design/sass/_fonts.scss index ed4a212..95fe2e2 100644 --- a/design/sass/_fonts.scss +++ b/design/sass/_fonts.scss @@ -16,6 +16,13 @@ font-weight: 400; font-style: normal; } +@font-face { + font-family: 'mffweb'; + src: url('/media/fonts/ffmbi.woff2') format('woff2'); + src: url('/media/fonts/ffmbi.woff') format('woff'); + font-weight: 400; + font-style: italic; +} @font-face { font-family: 'mffnweb'; @@ -25,10 +32,3 @@ font-style: normal; } -@font-face { - font-family: 'mffmbi'; - src: url('/media/fonts/ffmbi.woff2') format('woff2'); - src: url('/media/fonts/ffmbi.woff') format('woff'); - font-weight: 400; - font-style: normal; -} diff --git a/design/sass/_footer.scss b/design/sass/_footer.scss index 5d72eae..b0470ce 100644 --- a/design/sass/_footer.scss +++ b/design/sass/_footer.scss @@ -26,7 +26,7 @@ footer[role="contentinfo"] { padding-left: 0.75em; } a { - color: $brown; + color: $secondary-link-color; text-decoration: none; } ul { display:inline;} diff --git a/design/sass/_global.scss b/design/sass/_global.scss index 20f9056..bfbb50e 100644 --- a/design/sass/_global.scss +++ b/design/sass/_global.scss @@ -19,16 +19,17 @@ a, button, input, select, textarea, label, summary { touch-action: manipulation; } a { - color: $orange; + color: $body_font_color; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; + text-decoration-color: $orange; &:hover { text-decoration: none; } &:visited { - color: $orange; + color: $body_font_color; } } p { @@ -198,7 +199,9 @@ h5 { } .bl { @include smcaps; - @include fontsize(11); + @include fontsize(12); + font-weight: 600; + color: $secondary-link-color; } .italic { font-style: italic; @@ -223,7 +226,9 @@ h5 { li { display: inline; } - a { color: $brown;} + a { + color: $secondary-link-color; + } @include breakpoint(gamma) { text-align: left; } diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index 2de8000..b7fc66d 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -5,12 +5,12 @@ $orange: #b53a04; $link_color: #b53a04; $headline_font_serif: Georgia, 'Times New Roman', serif; -$fancy_headline_font_serif: mffweb, Georgia, 'Times New Roman', serif; -$fancy_italic: mffmbi, Georgia, 'Times New Roman', serif; +$fancy_serif: mffweb, Georgia, 'Times New Roman', serif; $body_p_font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif; $body_font_color: $brown; $body_font_light: #b3aeae; +$secondary-link-color: #838383; $archive_p_line_height: 1.6; //$light; @@ -19,8 +19,9 @@ $narrow-max-width: 750px; $max_width: 1440px; @mixin smcaps { - text-transform: uppercase; - letter-spacing: 1px; + @include fancy_sans; + text-transform: uppercase; + letter-spacing: 1px; } @mixin plain_a { border: none; |