montagejs/digit — pull request #24 by simurai (2013-08-13 17:38:19+00:00)
Title: Button--glass variation

The idea is to add an "invisible" Button. It's just a square that has no background, borders etc. Useful for things like icon buttons, where you only see the icon and nothing else. Or maybe a list item that you can click on, or a button that is part of header.

But I'm not sure if it's the right way, because the selector to fight specificity is getting ugly (lots of class chaining). For example if you wanna customize that "glass button" while using the light theme, you'd have to select it like this:

``` css
[data-montage-skin="light"] .digit-Button.digit-Button--glass {
background: blue;
}

[data-montage-skin="light"] .digit-Button.digit-Button--glass.montage--active {
background: green;
}
```

I fear that people would just use `!important` everywhere, but that will cause more conflicts for them. Hmm.. feel free to reject. My dream is to have just a single Montage class, no matter if it's a skin or a variation. So the skin would be "backed into" `digit-Button` and `digit-Button--glass` could be used stand alone without being dependent on `digit-Button`.