mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-17 02:31:56 +03:00
56685a3019
The inclusion of reset.css file nuked the default browser styles for headers. This change sees us using custom styled headers instead to bring structure back to the styleguide pages.
34 lines
974 B
Elm
34 lines
974 B
Elm
module Examples.Fonts exposing (example)
|
|
|
|
{-|
|
|
|
|
@docs example
|
|
|
|
-}
|
|
|
|
import HeadingsStyled as Headings
|
|
import Html.Styled as Html
|
|
import Html.Styled.Attributes exposing (css)
|
|
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
|
|
import Nri.Ui.Fonts.V1 as Fonts
|
|
|
|
|
|
{-| -}
|
|
example : ModuleExample msg
|
|
example =
|
|
{ filename = "Nri.Ui.Fonts.V1.elm"
|
|
, category = Fonts
|
|
, content =
|
|
[ Headings.h3 [ Html.text "baseFont" ]
|
|
, Html.p [ css [ Fonts.baseFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
, Headings.h3 [ Html.text "quizFont" ]
|
|
, Html.p [ css [ Fonts.quizFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
, Headings.h3 [ Html.text "ugFont" ]
|
|
, Html.p [ css [ Fonts.ugFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
]
|
|
|> List.map Html.toUnstyled
|
|
}
|