Changing custom radio buttons and checkboxes to use Icomoon.

[ajmueller]

This is a method we used on BMC for doing custom radio buttons and checkboxes. It is a very simple implementation and can be customized with our own SVGs imported into Icomoon. The result is sharp, well-aligned radio buttons and checkboxes that match color and size to the text of their labels. Works in IE9 and up.

Closes #41.

[kamsar]

How does it work with giant labels? That's been a recurrent issue with styled radios and checkboxes.

[ajmueller]

It works quite well because the Icomoon font will scale with the font of the label. I'll add some examples to the pattern primer.

[kamsar]

Sorry by giant I mean textually giant as opposed to font size. Like a paragraph long.

[ajmueller]

That also works well, too. I'll make the examples do both.

[ajmueller]

Like this?

[jbascue]

He means like think of 78 sentences in the label. Would we then see multiple 'images' like we often do with sprites?

If you used pseudo properties then no.

Sent from my iPhone

On Aug 28, 2014, at 7:55 PM, Alex Mueller notifications@github.com wrote:

Like this?

— Reply to this email directly or view it on GitHub.

[kamsar]

Only 78 sentences? Short.

[ajmueller]

Right, what Jeremiah said. This will scale to whatever length label you have without breaking like we had before with sprites.