// =============================================================================
// TABS (Settings)
// =============================================================================


// 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--tabs:                                $exportCSS !default; // 1

$tab-bg-color:                                   transparent !default;

$tabs-bottom-border:                             container("border", "dark") !default;
$tabs-margin:                                    0 !default;

$tab-display:                                    block !default;
$tab-margin:                                     0 !default;

$tab-title-border-color:                         transparent !default;
$tab-title-border-bottom-style:                  solid !default;
$tab-title-border-bottom-height:                 4px !default;
$tab-title-border-bottom-offset:                 -1px !default;

$tab-title-active-border-color:                  color("primary", "base") !default;
$tab-title-active-font-weight:                   fontWeight("bold") !default;

$tab-navigation-display:                         block !default;
$tab-navigation-container-padding:               0 !default;


//
// Vertical tab settings
// -----------------------------------------------------------------------------

$tabs--vertical-borderBottom:                    0 !default;
$tabs--vertical-float:                           $default-float !default;
$tabs--vertical-maxWidth:                        20% !default;
$tabs--vertical-width:                           20% !default;
$tabs--vertical-tab-float:                       none !default;

$tabs-contents--vertical-floatDirection:         $default-float !default;
$tabs-contents--vertical-maxWidth:               80% !default;
$tabs-contents--vertical-padding:                0 spacing("single") !default;
$tabs-contents--vertical-floatDirection-padding: spacing("single") !default;
$tabs-contents--vertical-width:                  80% !default;


// Foundation Variables
// -----------------------------------------------------------------------------

$include-html-tabs-classes:                      $include-html-classes !default;

$tabs-navigation-padding:                        spacing("half") !default;
$tabs-navigation-bg-color:                       $tab-bg-color !default;
$tabs-navigation-active-bg-color:                $tab-bg-color !default;
$tabs-navigation-hover-bg-color:                 $tab-bg-color !default;
$tabs-navigation-font-color:                     color("greys") !default;
$tabs-navigation-active-font-color:              color("greys", "darker") !default;
$tabs-navigation-font-size:                      fontSize("base") !default;
$tabs-navigation-font-family:                    fontFamily("sans") !default;

$tabs-content-margin-bottom:                     spacing("single") !default;
$tabs-content-padding:                           spacing("single") 0 !default;

$tabs-vertical-navigation-margin-bottom:         spacing("single") !default;