Index: static/scss/content/_typography.scss |
=================================================================== |
--- a/static/scss/content/_typography.scss |
+++ b/static/scss/content/_typography.scss |
@@ -25,16 +25,26 @@ |
} |
@media (min-width: $tablet-breakpoint) |
{ |
font-size: $font-size-h1; |
} |
} |
+.h2 |
+{ |
+ font-size: $font-size-h3; |
+ |
+ @media (min-width: $phablet-breakpoint) |
+ { |
+ font-size: $font-size-h2; |
+ } |
+} |
+ |
.h4 |
{ |
font-size: $font-size-h4; |
font-weight: $bold-weight; |
text-transform: uppercase; |
} |
.heading-icon |
@@ -50,8 +60,13 @@ |
} |
.product-heading |
{ |
@extend .h1; |
@extend .section; |
@extend .ta-center; |
} |
+ |
+.article-heading |
+{ |
+ @extend .h2; |
+} |