docs/components/switch.html.erb in zurb-foundation-4.2.1 vs docs/components/switch.html.erb in zurb-foundation-4.2.2

- old
+ new

@@ -243,41 +243,41 @@ <h5>Default SCSS Variables</h5> <%= code_example ' /* Controlling border styles and background colors for the switch container */ -$switch-border-color: darken(#fff, 20%); -$switch-border-style: solid; -$switch-border-width: 1px; -$switch-bg: #fff; +$switch-border-color: darken(#fff, 20%); +$switch-border-style: solid; +$switch-border-width: 1px; +$switch-bg: #fff; /* We use these to control the switch heights for our default classes */ -$switch-height-tny: 22px; -$switch-height-sml: 28px; -$switch-height-med: 36px; -$switch-height-lrg: 44px; -$switch-bottom-margin: emCalc(20px); +$switch-height-tny: 22px; +$switch-height-sml: 28px; +$switch-height-med: 36px; +$switch-height-lrg: 44px; +$switch-bottom-margin: emCalc(20px); /* We use these to control default font sizes for our classes. */ -$switch-font-size-tny: 11px; -$switch-font-size-sml: 12px; -$switch-font-size-med: 14px; -$switch-font-size-lrg: 17px; -$switch-label-side-padding: 6px; +$switch-font-size-tny: 11px; +$switch-font-size-sml: 12px; +$switch-font-size-med: 14px; +$switch-font-size-lrg: 17px; +$switch-label-side-padding: 6px; /* We use these to style the switch-paddle */ -$switch-paddle-bg: #fff; -$switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); -$switch-paddle-border-color: darken($switch-paddle-bg, 35%); -$switch-paddle-border-width: 1px; -$switch-paddle-border-style: solid; -$switch-paddle-transition-speed: .1s; -$switch-paddle-transition-ease: ease-out; -$switch-positive-color: lighten($success-color, 50%); -$switch-negative-color: #f5f5f5; +$switch-paddle-bg: #fff; +$switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); +$switch-paddle-border-color: darken($switch-paddle-bg, 35%); +$switch-paddle-border-width: 1px; +$switch-paddle-border-style: solid; +$switch-paddle-transition-speed: .1s; +$switch-paddle-transition-ease: ease-out; +$switch-positive-color: lighten($success-color, 50%); +$switch-negative-color: #f5f5f5; /* Outline Style for tabbing through switches */ -$switch-label-outline: 1px dotted #888;', :css %> +$switch-label-outline: 1px dotted #888;', :css %> <p><strong>Note:</strong> <code>emCalc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>. It is included in <strong>_variables.scss</strong>.</p> </div> </div> \ No newline at end of file