https://github.com/hmsk/elm-css-modern-normalize

An Elm port of modern-normalize for rtfeldman/elm-css.
https://github.com/hmsk/elm-css-modern-normalize

css elm modern-normalize

Last synced: about 1 month ago
JSON representation

An Elm port of modern-normalize for rtfeldman/elm-css.

• Host: GitHub
• URL: https://github.com/hmsk/elm-css-modern-normalize
• Owner: hmsk
• License: mit
• Created: 2020-06-28T06:54:42.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-10-07T08:38:14.000Z (over 3 years ago)
• Last Synced: 2024-12-16T15:15:15.132Z (about 2 months ago)
• Topics: css, elm, modern-normalize
• Language: Elm
• Homepage: https://package.elm-lang.org/packages/hmsk/elm-css-modern-normalize/latest
• Size: 13.7 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# elm-css-modern-normalize

An Elm port of [modern-normalize](https://github.com/sindresorhus/modern-normalize) for [rtfeldman/elm-css](https://package.elm-lang.org/packages/rtfeldman/elm-css/latest/).

## Install

```

elm install hmsk/elm-css-modern-normalize

```

## Usage

```elm

import Css.ModernNormalize as ModernNormalize

view : Model -> Html Msg

view _ =

    [

      ModernNormalize.globalHtml

      -- Your application view comes here

    ]

```

### elm-css friendly functions

```elm

import Css exposing (color, hex)

import Css.Global exposing (global, selector)

import Css.ModernNormalize as ModernNormalize

import Html.Styled

buildGlobal : Html.Styled.Html msg

buildGlobal =

    global <|

        [

          selector ".myGlobalStyle" [ color <| hex "#597B8C" ]

        ]

          ++ ModernNormalize.snippets

```

```elm

import Css.ModernNormalize as ModernNormalize

import Html.Styled exposing (h1)

styledView : Html.Styled.Html msg

styledView =

    [ h1 [] [text "header"]

    , ModernNormalize.globalStyledHtml

    ]

```

## License

[MIT](/LICENSE)