zurb-foundation-5/doc/includes/switch/examples_switch_variables.html

Foundation 5 for npm (no code modification from original repo)

{{#markdown}}
```scss
$include-html-form-classes: $include-html-classes;

// Controlling background color for the switch container
$switch-bg: $gainsboro;

// We use these to control the switch heights for our default classes
$switch-height-tny: 1.5rem;
$switch-height-sml: 1.75rem;
$switch-height-med: 2rem;
$switch-height-lrg: 2.5rem;
$switch-bottom-margin: 1.5rem;

// We use these to style the switch-paddle
$switch-paddle-bg: $white;
$switch-paddle-transition-speed: .15s;
$switch-paddle-transition-ease: ease-out;
$switch-active-color: $primary-color !default;
```
{{/markdown}}