Add sub header sizes

src/definitions/elements/header.less

@@ -43,20 +43,6 @@
   margin-bottom: @lastMargin;
 }
 
-/*--------------
-   Sub Heading
----------------*/
-
-.ui.sub.header {
-  margin: 0em;
-  padding: 0em;
-  font-weight: @subHeadingFontWeight;
-  font-size: @subHeadingFontSize;
-  text-transform: @subHeadingTextTransform;
-  color: @subHeadingColor;
-}
-
-
 /*--------------
    Sub Header
 ---------------*/
@@ -229,6 +215,34 @@ h5.ui.header .sub.header {
   font-size: @tinySubHeaderFontSize;
 }
 
+/*--------------
+   Sub Heading
+---------------*/
+
+.ui.sub.header {
+  margin: 0em;
+  padding: 0em;
+  font-weight: @subHeadingFontWeight;
+  font-size: @subHeadingFontSize;
+  text-transform: @subHeadingTextTransform;
+  color: @subHeadingColor;
+}
+
+.ui.small.sub.header {
+  font-size: @smallSubHeadingSize;
+}
+.ui.sub.header {
+  font-size: @subHeadingFontSize;
+}
+.ui.large.sub.header {
+  font-size: @largeSubHeadingSize;
+}
+.ui.huge.sub.header {
+  font-size: @hugeSubHeadingSize;
+}
+
+
+
 /*-------------------
         Icon
 --------------------*/

src/themes/default/elements/header.variables

@@ -27,6 +27,10 @@
 @subHeadingTextTransform: uppercase;
 @subHeadingColor: '';
 
+@smallSubHeadingSize: @relativeMini;
+@largeSubHeadingSize: @relativeSmall;
+@hugeSubHeadingSize: @relativeMedium;
+
 /* Sub Header */
 @subHeaderLineHeight: 1.2em;
 @subHeaderColor: rgba(0, 0, 0, 0.5);