Radios & Checkboxes

I've never liked the look of the standard form controls, especially as they're not consistent accross browsers and platforms. Some developers seem to hate replacing them with styled versions and there's never been a "clean" way to do it that I've found. That is until I discovered that the newer webkit browsers support pseudo elements (::before, ::after) on radio buttons and checkboxes.

I've included it in the CSS framework I've been working on (fabric.css) but also put the code on codepen.io for anyone interested:
http://codepen.io/sampotts/pen/qERPWw

To detect support I wrote a modernizr test which is also included.