// =============================================================================
// PROGRESS BARS (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--progress-bars:              $exportCSS !default; // 1


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

// We use this to set the progress bar height
$progress-bar-height: spacing("half") !default;
$progress-bar-color: color("greys", "light") !default;

// We use these to control the border styles
$progress-bar-border-color: color("primary") !default;
$progress-bar-border-size: 1px !default;
$progress-bar-border-style: solid !default;
$progress-bar-border-radius: $global-radius !default;

// We use these to control the margin & padding
$progress-bar-pad: spacing("eighth") !default;
$progress-bar-margin-bottom: spacing("single") !default;

// We use these to set the meter colors
$progress-meter-color: color("primary") !default;
$progress-meter-info-color: color("info") !default;
$progress-meter-secondary-color: color("secondary") !default;
$progress-meter-success-color: color("success") !default;
$progress-meter-alert-color: color("error") !default;