buttons.html.erb in zurb-foundation-4.3.2

- old
+ new

@@ -176,27 +176,27 @@
         <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(12);
-$button-tny: emCalc(7);
-$button-sml: emCalc(9);
-$button-lrg: emCalc(16);
+$button-med: em-calc(12);
+$button-tny: em-calc(7);
+$button-sml: em-calc(9);
+$button-lrg: em-calc(16);
 
 /* We use this to control the display property. */
 $button-display: inline-block;
-$button-margin-bottom: emCalc(20);
+$button-margin-bottom: em-calc(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(16);
-$button-font-tny: emCalc(11);
-$button-font-sml: emCalc(13);
-$button-font-lrg: emCalc(20);
+$button-font-med: em-calc(16);
+$button-font-tny: em-calc(11);
+$button-font-sml: em-calc(13);
+$button-font-lrg: em-calc(20);
 $button-font-weight: bold;
 $button-font-align: center;
 
 /* We use these to control various hover effects. */
 $button-function-factor: 10%;
@@ -211,10 +211,10 @@
 
 /* We use this to set default opacity for disabled buttons. */
 $button-disabled-opacity: 0.6;
 ', :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>
+        <p><strong>Note:</strong> <code>em-calc();</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>
 
   </div>