https://github.com/jinjor/elm-inline-hover

An utility for using :hover by inline style
https://github.com/jinjor/elm-inline-hover

elm elm-inline-hover hover ui

Last synced: about 1 month ago
JSON representation

An utility for using :hover by inline style

• Host: GitHub
• URL: https://github.com/jinjor/elm-inline-hover
• Owner: jinjor
• License: bsd-3-clause
• Created: 2016-06-23T13:32:42.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-05-26T07:36:37.000Z (over 6 years ago)
• Last Synced: 2024-05-09T13:39:16.479Z (8 months ago)
• Topics: elm, elm-inline-hover, hover, ui
• Language: Elm
• Homepage: http://package.elm-lang.org/packages/jinjor/elm-inline-hover/latest
• Size: 8.79 KB
• Stars: 14
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DEPRECATED

This library is only available for Elm 0.18 or less.

I'm not going to port this library for 0.19 for some reasons.

- The implementation used in this library is not allowed in 0.19 world.

- This is a kind of hack! (not good for Elm ecosystem in the long run)

- I'm not using this now, just using CSS.

# elm-inline-hover

[![Build Status](https://travis-ci.org/jinjor/elm-inline-hover.svg)](https://travis-ci.org/jinjor/elm-inline-hover)

An utility for using :hover by inline style.

## How to use

Just insert `hover [("whatever", "styles"), ("you", "like")]` before Html nodes.

```elm

import InlineHover exposing(hover)

main =

  ul []

    [ hover styles li [] [ text "Hello" ]

    , hover styles li [] [ text "World" ]

    ]

styles =

  [("background", "#abd")]

```

That's it!

## License

BSD3