3 ms·
This plugin is such a great example of how to use compass and sass to build simple abstractions out of some of the most complex css that exists.
by chriseppstein 17y ago
This plugin is such a great example of how to use compass and sass to build simple abstractions out of some of the most complex css that exists.
- jp_sc 17y agoA few CSS3 rules on a single element isn't something I would call "the most complex css that exists". EDIT: I do like compass and this plugin.
- tptacek 17y agoIt's CSS3 that degrades beautifully in IE and controlled by 2-3 lines of styling. What more do you want?
- tdavis 17y agoI think his point was simply that writing such CSS is hardly complicated. I like this abstraction and think it will be pretty handy for Compass users (of which I plan to become one), but this mixin basically reduces ~8 lines of CSS to two.
- tptacek 17y agoIf I had been less snarky I might have communicated my question better, which is, what's the CSS pattern that's more complicated? It'd be a good candidate for a Compass plugin.
- imathis 17y agoAs far as amount of css goes, here's what you're dealing with to achieve something similar in only CSS. 1. Button reset - to get browsers to the same starting point 2. Rounded corners, Text shadows, and Gradients + vendoring 3. Background image fallback 4. Padding, Text size, line-height, etc 5. Default, Hover, and Active states for all styles That's a lot of css to write, effectively reduced to a single mixin. Of course, it's also great that you can use the bare minimum html.
- chriseppstein 17y agoAnd there's a ton of color math going on.