panels.html.erb in zurb-foundation-4.2.2

- old
+ new
@@ -73,44 +73,47 @@
 
         <div class="panel">
           Panel content goes here...
         </div>
 
-        <p>You also have <strong>two options</strong> available to customize the panel within the mixin. These control the background color (which also effect border and font color) and the interior padding of the panel itself.</p>
+        <p>You also have <strong>three options</strong> available to customize the panel within the mixin. These control the background color (which also effect border and font color) and the interior padding of the panel itself.</p>
 
 <%= code_example '
-.your-class-name { @include panel($bg, $padding); }
+.your-class-name { @include panel($bg, $padding, $adjust); }
 
 /* This controls the background color, border color and type color based on brightness of the bg. */
 $bg: $secondary-color
 
 /* This controls the interior padding */
 $padding: $panel-padding
+
+/* Control whether panel mixin adjusts header styles */
+$adjust: true
 ', :css %>
 
         <div class="panel-custom">
           Custom panel. Hell yeah! We used @include panel(pink, 40px);
         </div>
 
         <h5>Default SCSS Variables</h5>
 
 <%= code_example '
 /* We use these to control the background and border styles */
-$panel-bg:              darken(#fff, 5%);
-$panel-border-style:    solid;
-$panel-border-size:     1px;
+$panel-bg: darken(#fff, 5%);
+$panel-border-style: solid;
+$panel-border-size: 1px;
 
 /* We use this % to control how much we darken things on hover */
 $panel-function-factor: 10%;
-$panel-border-color:    darken($panel-bg, $panel-function-factor);
+$panel-border-color: darken($panel-bg, $panel-function-factor);
 
 /* We use these to set default inner padding and bottom margin */
-$panel-margin-bottom:   emCalc(20px);
-$panel-padding:         emCalc(20px);
+$panel-margin-bottom: emCalc(20px);
+$panel-padding: emCalc(20px);
 
 /* We use these to set default font colors */
-$panel-font-color:      #333;
-$panel-font-color-alt:  #fff;', :css %>
+$panel-font-color: #333;
+$panel-font-color-alt: #fff;', :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>