driebit/elm-css-breakpoint - version: 1.0.2

for more information visit the package's GitHub page

Package contains the following modules:

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) ]
        ]
    }