Feature: added .alert, .warning and .success colors to switch input

[foglcz]

Type	Feature
Fixes issues	n/a
Documentation	updated
BC Break	no

In our internal intranet, we have a shipping dispatch form built with Foundation.

In there, we have various checkboxes that update ERPs / suppliers interfaces / databases / etc. I wanted to bring one of those checkboxes to users attention when checked (since default is off, and when on, it does a lot of things behind the scenes).
Intuitively, I tried adding "warning" class to the checkbox label.... and nothing happened.

This fixes the "issue", if you agree that this might/should be part of standard.

Currently I'm using following in my app.scss tu spplement the feature:

input:checked~.switch-paddle.alert { background: $alert-color; }
input:checked~.switch-paddle.warning { background: $warning-color; }
input:checked~.switch-paddle.success { background: $success-color; }

Let me know if this makes sense / you would want to somehow update this.

Thanks!
Pavel

[andycochran]

@gakimball, would this be better done with a mixin and app-specific CSS? Especially considering flexible color palettes #7219 (comment), and to avoid hard-coded the classes.

[gakimball]

Thanks for the PR! :) Unfortunately, we aren't interested in adding coloring classes to switches at the moment, as the use-case is fairly narrow.