summaryrefslogtreecommitdiff
path: root/design/sass
diff options
context:
space:
mode:
Diffstat (limited to 'design/sass')
-rw-r--r--design/sass/_archives.scss13
-rw-r--r--design/sass/_comments.scss10
-rw-r--r--design/sass/_details.scss14
-rw-r--r--design/sass/_fonts.scss7
-rw-r--r--design/sass/_global.scss2
-rw-r--r--design/sass/_mixins.scss6
6 files changed, 49 insertions, 3 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;