docs/components/buttons.html.erb in zurb-foundation-4.2.3 vs docs/components/buttons.html.erb in zurb-foundation-4.3.0

- old
+ new

@@ -171,27 +171,30 @@ <a href="#" class="button-base size style radius shine">Button Base, Size, Style &amp; Shine</a> <h5>Default SCSS Variables</h5> <%= code_example ' +$include-html-button-classes: $include-html-classes; + /* We use these to build padding for buttons. */ -$button-med: emCalc(12px); -$button-tny: emCalc(7px); -$button-sml: emCalc(9px); -$button-lrg: emCalc(16px); +$button-med: emCalc(12); +$button-tny: emCalc(7); +$button-sml: emCalc(9); +$button-lrg: emCalc(16); /* We use this to control the display property. */ $button-display: inline-block; -$button-margin-bottom: emCalc(20px); +$button-margin-bottom: emCalc(20); /* We use these to control button text styles. */ +$button-font-family: inherit; $button-font-color: #fff; $button-font-color-alt: #333; -$button-font-med: emCalc(16px); -$button-font-tny: emCalc(11px); -$button-font-sml: emCalc(13px); -$button-font-lrg: emCalc(20px); +$button-font-med: emCalc(16); +$button-font-tny: emCalc(11); +$button-font-sml: emCalc(13); +$button-font-lrg: emCalc(20); $button-font-weight: bold; $button-font-align: center; /* We use these to control various hover effects. */ $button-function-factor: 10%; @@ -201,9 +204,10 @@ $button-border-style: solid; $button-border-color: darken($primary-color, $button-function-factor); /* We use this to set the default radius used throughout the core. */ $button-radius: $global-radius; +$button-round: $global-rounded; /* We use this to set default opacity for disabled buttons. */ $button-disabled-opacity: 0.6; ', :css %>