cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen
user profile image

A settings reveal that I made ages ago when I was still new to this, converted to Slim and Sass.

Here is my write-up from back then (looking back, the gear icon was supplanted by hamburger lines, which I'm also cool with):

"I don't love the settings gear as an icon. It is a universal standard at this point, it so should really be used when possible. Were it not the standard, however, I can think of some nicer alternatives.

One alternative that I like is the nut. It scales better and is less visually intrusive.

In the demo, I've got a pure CSS nut that unscrews itself and drops the curtain on a hover event. This could be used to reveal the settings for a page.

Though this should really be a click event, I've used :hover to be a no-JS ninja."


  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.