// =============================================================================
// CONTAINERS
// =============================================================================
//
// Purpose:
// The centralised place to control container settings like borders and fill.
//
// -----------------------------------------------------------------------------


// Borders
// -----------------------------------------------------------------------------

$container-border-global-size:          1px;

$container-border-global-style:         solid;

$container-border-global-color-base:    stencilColor("container-border-global-color-base");

$container-border-global-base:          $container-border-global-size $container-border-global-style $container-border-global-color-base;


// Drop shadows
// -----------------------------------------------------------------------------

$container-drop-shadow-base:            0 1px 2px rgba($color-black, 0.13);


// Backgrounds
// -----------------------------------------------------------------------------

$container-fill-base:                   stencilColor("container-fill-base");
$container-fill-dark:                   stencilColor("container-fill-dark");


// Padding
// -----------------------------------------------------------------------------

$container-padding-base:                $spacing-single;
$container-padding-large:               $spacing-single + $spacing-third;


// Margin
// -----------------------------------------------------------------------------

$container-margin-base:                 $spacing-single;
