diff options
| -rw-r--r-- | design/sass/_fonts.scss | 21 | ||||
| -rw-r--r-- | design/sass/_mixins.scss | 8 | ||||
| -rw-r--r-- | design/sass/_writing_details.scss | 15 |
3 files changed, 43 insertions, 1 deletions
diff --git a/design/sass/_fonts.scss b/design/sass/_fonts.scss index 2553e22..0721356 100644 --- a/design/sass/_fonts.scss +++ b/design/sass/_fonts.scss @@ -26,4 +26,25 @@ font-style: normal; } +@font-face { + font-family: 'latoregular'; + src: url('lato-regular-webfont.eot'); + src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('lato-regular-webfont.woff2') format('woff2'), + url('lato-regular-webfont.woff') format('woff'), + url('lato-regular-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'latobold'; + src: url('lato-bold-webfont.eot'); + src: url('lato-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('lato-bold-webfont.woff2') format('woff2'), + url('lato-bold-webfont.woff') format('woff'), + url('lato-bold-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + +} diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index 9331b83..ca60c3c 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -31,6 +31,14 @@ $body_font_light: #b3aeae; font-family: sans-serif; } +@mixin fancy-sans { + font-family: latoregular, sans-serif; +} + +@mixin fancy-sans-bold { + font-family: latobold, sans-serif; +} + %clearfix { *zoom: 1; &:before { diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index c7a57b0..bf4c33e 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -81,11 +81,24 @@ @include constrain_wide; margin-bottom: 2em; } + figure.picfull { + max-width: 680px; + margin-bottom: 2em; + border-bottom: 1px solid #eae6e6; + padding-bottom: .5em; + } figcaption { + line-height: 1.9; text-align: right; + @include fancy_sans; + @include fontsize(11); + font-weight: bold; + text-transform: uppercase; + letter-spacing: .5px; + color: #999; } cite { - font-style: normal; + font-style: italic; } } .footnote-ref { |