mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-16 01:13:08 +03:00
63 lines
1.5 KiB
Elm
63 lines
1.5 KiB
Elm
module Examples.Logo exposing (example)
|
|
|
|
{-|
|
|
|
|
@docs example, styles
|
|
|
|
-}
|
|
|
|
import Category exposing (Category(..))
|
|
import Css
|
|
import Examples.IconExamples as IconExamples
|
|
import ModuleExample exposing (ModuleExample)
|
|
import Nri.Ui.Colors.V1 as Colors
|
|
import Nri.Ui.Logo.V1 as Logo
|
|
import Sort.Set as Set exposing (Set)
|
|
|
|
|
|
{-| -}
|
|
example : ModuleExample msg
|
|
example =
|
|
{ name = "Nri.Ui.Logo.V1"
|
|
, categories = Set.fromList Category.sorter <| List.singleton Icons
|
|
, content =
|
|
[ IconExamples.viewWithCustomStyles "NRI"
|
|
[ ( "noredink"
|
|
, Logo.noredink
|
|
, [ Css.height (Css.px 25)
|
|
, Css.width (Css.px 100)
|
|
, Css.margin (Css.px 4)
|
|
]
|
|
)
|
|
]
|
|
, IconExamples.viewWithCustomStyles "Social Media & SSO"
|
|
[ ( "facebook"
|
|
, Logo.facebook
|
|
, defaults
|
|
)
|
|
, ( "twitter", Logo.twitter, defaults )
|
|
, ( "clever"
|
|
, Logo.clever
|
|
, [ Css.height (Css.px 25)
|
|
, Css.width (Css.px 100)
|
|
, Css.margin (Css.px 4)
|
|
, Css.color Colors.azure
|
|
]
|
|
)
|
|
, ( "google classroom"
|
|
, Logo.googleClassroom
|
|
, defaults
|
|
)
|
|
]
|
|
]
|
|
}
|
|
|
|
|
|
defaults : List Css.Style
|
|
defaults =
|
|
[ Css.height (Css.px 25)
|
|
, Css.width (Css.px 25)
|
|
, Css.margin (Css.px 4)
|
|
, Css.color Colors.azure
|
|
]
|