// =============================================================================
// PANELS (Settings)
// =============================================================================
//

// Foundation Variables
// -----------------------------------------------------------------------------
//
// These variables come directly from:
// /vendor/foundation/foundation/components/*
// Declaring the variables here, you can adjust them all to your design,
// leaving the vendor framework untouched.
//
// -----------------------------------------------------------------------------

$include-html-panel-classes:     $include-html-classes;

// We use these to control the background and border styles
$panel-bg:                       container("fill", "dark");
$panel-border-style:             null;
$panel-border-size:              null;

// We use this % to control how much we darken things on hover
$panel-function-factor:          0%;
$panel-border-color:             null;

// We use these to set default inner padding and bottom margin
$panel-margin-bottom:            container("margin");
$panel-paddingHorizontal:        container("padding", "large");
$panel-paddingVertical:          container("padding");
$panel-padding:                  spacing("base") $panel-paddingHorizontal $panel-paddingVertical;

// We use these to set default font colors
$panel-font-color:               null;
$panel-font-color-alt:           null;

$panel-header-adjust:            false;
$callout-panel-link-color:       null;


// BigCommerce Variables
// -----------------------------------------------------------------------------
//
// These scoped variables are created by BigCommerce.
// All variables that are not from Foundation should be placed here.
//
// 1. Choose whether to include the BigCommerce class names
//
// -----------------------------------------------------------------------------

$exportCSS--panels:              true; // 1

$panel-boxShadow:                null;

// Panel header settings
$panel-header-bg:                $panel-bg;
$panel-header-borderColor:       null;
$panel-header-borderStyle:       null;
$panel-header-borderWidth:       null;
$panel-header-margin:            0;
$panel-header-paddingHorizontal: $panel-paddingHorizontal;
$panel-header-paddingVertical:   $panel-paddingVertical;
$panel-header-padding:           $panel-header-paddingVertical $panel-header-paddingHorizontal 0;

// Panel title settings
$panel-title-lineHeight:         lineHeight("base");
$panel-title-margin:             0;

// Callout panel settings
$callout-panel-bg:               null;
$callout-panel-titleColor:       null;
$callout-panel-headerBg:         null;
$callout-panel-headerColor:      null;
