// =============================================================================
// TABLES (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--tables:           $exportCSS !default; // 1

$table-width:                 100% !default;

//These control the table header and footer border styles
$table-head-border:           container("border", "dark") !default;
$table-foot-border:           $table-head-border !default;
$table-row-border:            container("border") !default;
$table-row-hover:             container("fill", "dark") !default;

$table-numericData-textAlign: right !default;


// 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-table-classes:  $include-html-classes !default;

// These control the background color for the table and even rows
$table-bg:                    $body-bg !default;
$table-even-row-bg:           $table-bg !default;

// These control the table border style
$table-border-style:          container("borderStyle") !default;
$table-border-size:           container("borderSize") !default;
$table-border-color:          container("borderColor") !default;

// These control the table head styles
$table-head-bg:               container("fill", "dark") !default;
$table-head-font-size:        fontSize("base") !default;
$table-head-font-color:       $body-font-color !default;
$table-head-font-weight:      $font-weight-bold !default;
$table-head-padding:          spacing("single") !default;

// These control the table foot styles
$table-foot-bg:               $table-head-bg !default;
$table-foot-font-size:        $table-head-font-size !default;
$table-foot-font-color:       $table-head-font-color !default;
$table-foot-font-weight:      $table-head-font-weight !default;
$table-foot-padding:          $table-head-padding !default;

// These control the caption
$table-caption-bg:            transparent !default;
$table-caption-font-color:    $table-head-font-color !default;
$table-caption-font-size:     fontSize("base") !default;
$table-caption-font-weight:   bold !default;

// These control the row padding and font styles
$table-row-padding:           $table-head-padding !default;
$table-row-font-size:         fontSize("base") !default;
$table-row-font-color:        $body-font-color !default;
$table-line-height:           lineHeight("base") !default;

// These are for controlling the layout, display and margin of tables
$table-layout:                auto !default;
$table-display:               table-cell !default;
$table-margin-bottom:         spacing("double") !default;