mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-25 06:33:09 +03:00
Merge pull request #1 from NoRedInk/add-small-header-to-text
Add small header to text
This commit is contained in:
commit
fdbdb45fb5
@ -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",
|
||||
|
@ -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)
|
||||
|
Loading…
Reference in New Issue
Block a user