Some attention to detail, an exercise in minimalism for season three of The CodePen Pattern Rodeo.
<hr> element is used to add some finesse to a responsive and beautifully typeset article.
Added functionality on hover of the
hr similar to that of Kudos. Unfortunately, the JS library I'm using for the hover intent is a little buggy, and it times correctly 66% of the time.
I wanted to add extra functionality to the
hr but @jakealbaugh filled a lot of use cases and @trhino killed it with the progress bar. I already had a progress bar, and I didn't want to make that redundant, so I went with something like Kudos. It could be used to like portions of text or to add them to a favourites/bookmarking tool.
If you appreciate it, throw me a vote by hearting this pen.
(oh, and the
::selection is pink [blue in the dark version] just for fun)