Add font-size styles for elements h5 and h6 (jekyll#441)

Merge pull request 441
tzxiong · Jan 19, 2020 · 59b48ce · 59b48ce
1 parent d1b662e
commit 59b48ce
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/_posts/2016-05-20-this-post-demonstrates-post-content-styles.md b/_posts/2016-05-20-this-post-demonstrates-post-content-styles.md
@@ -59,6 +59,14 @@ In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla e
 
 In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
 
+##### Could be a smaller sub-heading, `pacman` (h5)
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
+###### Small yet significant sub-heading  (h6)
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
 ### Oh hai, an unordered list!!
 
 In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.

diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss
@@ -262,11 +262,14 @@
   }
 
   h4 {
-    @include relative-font-size(1.125);
+    @include relative-font-size(1.25);
+  }
 
-    @media screen and (min-width: $on-large) {
-      @include relative-font-size(1.25);
-    }
+  h5 {
+    @include relative-font-size(1.125);
+  }
+  h6 {
+    @include relative-font-size(1.0625);
   }
 }