feat(typography): add h6

[Finishes #82605848] Signed-off-by: Nicole Sullivan <nsullivan@pivotal.io>
pivotal-cf · Nov 12, 2014 · def0393 · def0393
1 parent ce036ca
commit def0393
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/pivotal-ui/components/typography.scss b/src/pivotal-ui/components/typography.scss
@@ -48,6 +48,8 @@ Set font sizes using headings and modifier classes.
 
 <h5>h5 16px</h5>
 
+<h6>h6 13px</h6>
+
 <p>base font size 16px</p>
 
 <p class="type-sm">small text 14px</p>
@@ -135,6 +137,10 @@ h5, .h5 {
   font-weight: $font-weight-h5;
 }
 
+h6, .h6 {
+  font-weight: $font-weight-h6;
+}
+
 small,
 .type-sm { font-size: $font-size-small; } // bootstrap override
 

diff --git a/src/pivotal-ui/components/variables.scss b/src/pivotal-ui/components/variables.scss
@@ -271,7 +271,8 @@ $font-weight-h4:          400;
 $font-size-h5:            16px;
 $font-weight-h5:          400;
 
-$font-size-h6:            null;
+$font-size-h6:            13px;
+$font-weight-h6:          400;
 
 $line-height-base:        1.5; //1.428571429 !default; // 20/14
 $line-height-computed:    floor($font-size-base * $line-height-base) !default; // ~20px