driebit/elm-css-breakpoint

Standard media queries for use with elm-css


Keywords
breakpoint, elm, elm-css
License
BSD-3-Clause
Install
elm-package install driebit/elm-css-breakpoint 1.0.0

Documentation

Elm-css-breakpoint

A set of standard non-configurable media queries for use with elm-css.

All breakpoints use min-width and match all media types.

Example

import Css.Breakpoint as Breakpoint


viewFooter =
    footer [ css styling.footer ] [ text "Hello World" ]


styling : { footer : List Style }
styling =
    { footer =
        [ width (pct 100)
        , color (hex "FFFFFF")
        , padding (Css.rem 1)
        , Breakpoint.small [ padding (Css.rem 2) ]
        ]
    }