// =============================================================================
// BC-DATEPICKER (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--datepicker:                   $exportCSS !default;

// Container
$datepicker-backgroundColor:              color("whites", "bright") !default;
$datepicker-boxShadow:                    0 0 spacing("sixth") color("greys", "medium") !default;
$datepicker-padding:                      spacing("base") 0 !default;
$datepicker-zIndex:                       zIndex("high") !default;


// Back/next   ToDo:                      Change To Icons when availabl !defaulte
$datepicker-back-content:                 "<" !default;
$datepicker-back-next-color:              color("greys", "medium") !default;
$datepicker-back-next-cursor:             $cursor-default-value !default;
$datepicker-back-next-fontSize:           fontSize("small") !default;
$datepicker-back-next-fontWeight:         fontWeight("bold") !default;
$datepicker-back-next-padding:            0 !default;
$datepicker-back-next-margin:             spacing("single") !default;
$datepicker-next-content:                 ">" !default;


// Month
$datepicker-month-color:                  color("greys", "darker") !default;
$datepicker-month-fontSize:               fontSize("large") !default;
$datepicker-month-fontWeight:             fontWeight("normal") !default;
$datepicker-month-margin:                 0 !default;


// Days
$datepicker-days-color:                   color("greys", "darker") !default;
$datepicker-days-fontSize:                fontSize("small") !default;
$datepicker-days-head-lineHeight:         lineHeight("tiny") !default;
$datepicker-days-margin:                  spacing("base") spacing("base") 0 !default;


// Day
$datepicker-day-background-borderRadius:  50% !default;
$datepicker-day-background-bottom:        spacing("eighth") !default;
$datepicker-day-background-left:          spacing("eighth") !default;
$datepicker-day-background-right:         spacing("eighth") !default;
$datepicker-day-background-top:           spacing("eighth") !default;
$datepicker-day-disabled-color:           color("greys", "medium") !default;
$datepicker-day-height:                   spacing("single") * 1.5 !default;
$datepicker-day-hover-backgroundColor:    color("greys", "light") !default;
$datepicker-day-lineHeight:               100% !default;
$datepicker-day-name-color:               color("greys", "medium") !default;
$datepicker-day-name-fontSize:            fontSize("tiny") !default;
$datepicker-day-name-fontWeight:          fontWeight("normal") !default;
$datepicker-day-name-textTransform:       uppercase !default;
$datepicker-day-padding:                  spacing("third") !default;
$datepicker-day-selected-backgroundColor: color("primary") !default;
$datepicker-day-selected-color:           color("whites", "bright") !default;
$datepicker-day-width:                    spacing("single") * 1.5 !default;