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 & 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 %>