// =============================================================================
// DROPDOWN BUTTONS (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--split-buttons:           $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.
//
// -----------------------------------------------------------------------------

// =============================================================================
// N.B. There are so many bugs in this Foundation component. Half of these variables
// Aren't even referenced in the Foundation mixins.
// =============================================================================


$include-html-split-buttons-classes: $include-html-classes !default;

// We use these to control different shared styles for Split Buttons
$split-button-function-factor:       0% !default;
$split-button-pip-color:             color("greys") !default;
$split-button-pip-color-alt:         buttonStyle("primary", "color") !default;
$split-button-active-bg-tint:        false !default;
$split-button-span-border-color:     buttonStyle("default", "borderColor") !default;

// We use these to control tiny split buttons
$split-button-padding-tny:           $button-pip-tny * 11 !default;
$split-button-span-width-tny:        $button-pip-tny * 7 !default;
$split-button-pip-size-tny:          $button-pip-tny !default;
$split-button-pip-top-tny:           null !default;
$split-button-pip-default-float-tny: -$button-pip-tny !default;

// We use these to control small split buttons
$split-button-padding-sml:           $button-pip-sml * 11 !default;
$split-button-span-width-sml:        $button-pip-sml * 7 !default;
$split-button-pip-size-sml:          $button-pip-sml !default;
$split-button-pip-top-sml:           $button-pip-sml * 8 !default;
$split-button-pip-default-float-sml: -$button-pip-sml !default;

// We use these to control medium split buttons
$split-button-padding-med:           $button-pip-med * 12.5 !default;
$split-button-span-width-med:        $button-pip-med * 8 !default;
$split-button-pip-size-med:          $button-pip-med !default;
$split-button-pip-top-med:           null !default;
$split-button-pip-default-float-med: -$button-pip-med !default;

// We use these to control large split buttons
$split-button-padding-lrg:           $button-pip-lrg * 16 !default;
$split-button-span-width-lrg:        $button-pip-lrg * 10 !default;
$split-button-pip-size-lrg:          $button-pip-lrg !default;
$split-button-pip-top-lrg:           null !default;
$split-button-pip-default-float-lrg: -$button-pip-lrg !default;