Merge pull request #1 from NoRedInk/add-small-header-to-text

Add small header to text

elm-package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0",
+    "version": "1.1.0",
     "summary": "UI Widgets we use at NRI",
     "repository": "https://github.com/NoRedInk/noredink-ui.git",
     "license": "BSD3",

src/Nri/Ui/Text/V1.elm

@@ -9,6 +9,7 @@ module Nri.Ui.Text.V1
         , smallBody
         , smallBodyClassString
         , smallBodyGray
+        , smallHeading
         , styles
         , subHeading
         , tagline
@@ -22,6 +23,7 @@ module Nri.Ui.Text.V1
 @docs smallBody
 @docs smallBodyGray
 @docs subHeading
+@docs smallHeading
 @docs tagline
 
 Text class strings:
@@ -67,6 +69,13 @@ subHeading content =
     h3 [ class [ SubHeading, Text ] ] content
 
 
+{-| This is a small Page Heading.
+-}
+smallHeading : List (Html msg) -> Html msg
+smallHeading content =
+    h4 [ class [ SmallHeading, Text ] ] content
+
+
 {-| This is some medium body copy.
 -}
 mediumBody : List (Html msg) -> Html msg
@@ -149,6 +158,7 @@ type CssClasses
     | Heading
     | Tagline
     | SubHeading
+    | SmallHeading
     | MediumBody
     | SmallBody
     | SmallBodyGray
@@ -177,6 +187,12 @@ styles =
             , fontWeight (int 700)
             , margin4 (px 20) (px 0) (px 10) (px 0)
             ]
+        , Css.class SmallHeading
+            [ makeFont (px 16) gray20
+            , lineHeight (px 23)
+            , fontWeight (int 700)
+            , margin zero
+            ]
         , Css.class MediumBody
             [ makeFont (px 18) gray20
             , lineHeight (px 27)