https://github.com/driebit/elm-css-breakpoint

Standard media queries for use with elm-css
https://github.com/driebit/elm-css-breakpoint

breakpoint elm elm-css

Last synced: 8 days ago
JSON representation

Standard media queries for use with elm-css

• Host: GitHub
• URL: https://github.com/driebit/elm-css-breakpoint
• Owner: driebit
• License: bsd-3-clause
• Created: 2018-08-03T09:47:29.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-24T10:38:10.000Z (over 4 years ago)
• Last Synced: 2023-08-08T20:39:06.458Z (over 1 year ago)
• Topics: breakpoint, elm, elm-css
• Language: Elm
• Homepage: http://package.elm-lang.org/packages/driebit/elm-css-breakpoint/latest
• Size: 3.91 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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

```elm

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

        ]

    }

```