| 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; |
| +} |