make panel border an option

diff --git a/scss/foundation/components/_panels.scss b/scss/foundation/components/_panels.scss
index 528a7aaa3053c13747fafc1b7e7ebd030251cd66..fe6126a949e803a209440480736d36cf5e57e2b2 100644 (file)
--- a/scss/foundation/components/_panels.scss
+++ b/scss/foundation/components/_panels.scss
@@ -37,14 +37,20 @@ $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightne
 // $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default
 // $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20)
 // $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true
-@mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) {
+@mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust, $border:true) {
 
   @if $bg {
     $bg-lightness: lightness($bg);
 
-    border-style: $panel-border-style;
-    border-width: $panel-border-size;
-    border-color: scale-color($bg, $lightness: $panel-function-factor);
+    @if $border {
+      border-style: $panel-border-style;
+      border-width: $panel-border-size;
+      border-color: scale-color($bg, $lightness: $panel-function-factor);    
+    } @else {
+      border-style: none;
+      border-width: 0;
+    }
+
     margin-bottom: $panel-margin-bottom;
     padding: $padding;