diff options
Diffstat (limited to 'design')
-rw-r--r-- | design/sass/_archives.scss | 13 | ||||
-rw-r--r-- | design/sass/_comments.scss | 10 | ||||
-rw-r--r-- | design/sass/_details.scss | 14 | ||||
-rw-r--r-- | design/sass/_fonts.scss | 7 | ||||
-rw-r--r-- | design/sass/_global.scss | 2 | ||||
-rw-r--r-- | design/sass/_mixins.scss | 6 | ||||
-rw-r--r-- | design/templates/base.html | 2 |
7 files changed, 50 insertions, 4 deletions
diff --git a/design/sass/_archives.scss b/design/sass/_archives.scss index db232ee..8c9e328 100644 --- a/design/sass/_archives.scss +++ b/design/sass/_archives.scss @@ -44,6 +44,19 @@ } } +.archive-list .essay-intro { + h2 { + @include fontsize(38); + } + h3 { + font-weight: normal; + font-family: $fancy_serif; + @include fontsize(22); + line-height: 1.3; + font-style: italic; + margin: .25rem 0 .5rem; + } +} // container for archive grid items .archive-grid { diff --git a/design/sass/_comments.scss b/design/sass/_comments.scss index f5a533e..a7c68be 100644 --- a/design/sass/_comments.scss +++ b/design/sass/_comments.scss @@ -15,6 +15,7 @@ .comment { margin-top: 2.5em; margin-bottom: 2.5em; + padding-top: 3rem; &:first-child { margin-top: none; } @@ -37,6 +38,15 @@ .comment--body { margin-bottom: 3em; @include fontsize(22); + hr { + width: 20%; + overflow: visible; + padding: 0; + border: none; + border-top: 2px solid #d4d4d4; + color: #efefef; + background: none; + } } .who { @include fancy_sans; diff --git a/design/sass/_details.scss b/design/sass/_details.scss index b84e680..f23ae7c 100644 --- a/design/sass/_details.scss +++ b/design/sass/_details.scss @@ -212,6 +212,20 @@ h4.post-source { padding-right: 8px; padding-left: 3px; } +//### GUIDE STUFF ### +.detail .product-link { + margin: 2rem 0 1rem 0; + letter-spacing: -0.02rem; +} +.detail .post-guide { + h3 { + @include fontsize(24); + margin: 4rem 0 .25rem 0; + & + p { + margin-top: 0; + } + } +} //### PAGE NAVIGATION ### .nav-wrapper { @include constrain_narrow(); diff --git a/design/sass/_fonts.scss b/design/sass/_fonts.scss index 9bdc94c..e456b8d 100644 --- a/design/sass/_fonts.scss +++ b/design/sass/_fonts.scss @@ -29,4 +29,11 @@ font-weight: 400; font-style: normal; } +@font-face { + font-family: 'mffnbweb'; + src: url('/media/fonts/ffmn.woff2') format('woff2'); + src: url('/media/fonts/ffmn.woff') format('woff'); + font-weight: 700; + font-style: normal; +} diff --git a/design/sass/_global.scss b/design/sass/_global.scss index 0d81bba..5030dbf 100644 --- a/design/sass/_global.scss +++ b/design/sass/_global.scss @@ -151,7 +151,7 @@ h2 { } } h3 { - @include fancy_sans; + font-family: $fancy_sans; @include fontsize(24); text-align: left; @include breakpoint(gamma){ diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index 8c936eb..9ccd750 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -6,6 +6,8 @@ $link_color: #b53a04; $headline_font_serif: mffweb, Georgia, 'Times New Roman', serif; $fancy_serif: mffweb, Georgia, 'Times New Roman', serif; +$fancy_sans: mffnweb, Helvetica, sans-serif; + $body_p_font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif; $body_font_color: $brown; @@ -55,8 +57,8 @@ $max_width: 1440px; font-family: mffnweb, Helvetica, sans-serif; } @mixin fancy-sans-bold { - font-family: Helvetica, sans-serif; - font-weight: 600; + font-family: mffnbweb, Helvetica, sans-serif; + font-weight: 700; } @mixin fancy-serif { font-family: Georgia, Palatino, serif; diff --git a/design/templates/base.html b/design/templates/base.html index a95fb26..fbbd0ae 100644 --- a/design/templates/base.html +++ b/design/templates/base.html @@ -69,7 +69,7 @@ </div> <p id="license"> © 2003-{% now "Y" %} - <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>, except photos, which are licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-sa/3.0/" title="read the Attribution-Share Alike 3.0 deed">details</a>). + <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>. </p> </footer> </div> |