Hello fellow people of Forrst! Today, I want to show you a bit of code that was recently merged into Foundation 4 from a very helpful contributor, named ghinda. He's also a member of Forrst, so give him some props if you get a chance: http://forrst.com/people/ghinda.
One of the new UI elements we're adding into Foundation 4 is Radio Switches. These are used commonly on iOS and other sites across the web and literally just represent a radio input element. The neat thing about this code is that it is written completely mobile-first, meaning devices that don't support media queries will get normal radio elements.
I included the Scss snippet and a sample HTML page that you can use to test this out quickly.
**Here's the feedback I'm looking for:**
* Is the code as efficient as it could be from an Scss point of view?
* Are there any options you think are missing from this UI element?
* What do you think of using button styles to help style these?
* Should we have unique style just for these elements instead?