News for hackers. Stuff that matters.

A comment on Kickstrap: Enhancements for Bootstrap. Parent comment

Re:Kickstrap: Enhancements for Bootstrap by pault on Tuesday April 03, 2012 @06:50PM (#3795206)
On the other hand, image icons can't change color on the fly or be dynamically upscaled, both of which are requirements when you are building a framework that is meant to be themed by users.
[ Parent | on HN ]
Re:Kickstrap: Enhancements for Bootstrap by harisenbon on Tuesday April 03, 2012 @09:12PM (#3795686)
You can use png masks to create an icon, and then change the background color of the element below it. You can also use image scaling to make the icon any size you need.

http://www.cssbakery.com/2009/06/background-image.html

SenchaTouch does this for all their button icons.

The downside is that you can't use spritesheets, because each image needs to be inserted with an image tag, not a background image.

[ Parent | on HN ]
Re:Kickstrap: Enhancements for Bootstrap by secoif on Wednesday April 04, 2012 @05:23AM (#3796801)
This is exactly why we need blend modes (at least multiply+screen) in CSS.
[ Parent | on HN ]