// *******************************************************************
// Box Shadow
// Variables for controlling the box shadow of an element.
// box-shadow: $shadow;
// *******************************************************************
$shadow-xs:      0 0 0 1px rgba(0, 0, 0, 0.05);
$shadow-sm:      0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow:         0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
$shadow-md:      0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
$shadow-lg:      0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
$shadow-xl:      0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
$shadow-2xl:     0 25px 50px -12px rgba(0, 0, 0, 0.25);
$shadow-inner:   inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
$shadow-outline: 0 0 0 3px rgba(45,55,72, 0.5);
$shadow-none:    none;

// *******************************************************************
// Opacity
// Utilities for controlling the opacity of an element.
// opacity: $opacity-25;
// *******************************************************************
$opacity-0:   0;
$opacity-25:  0.25;
$opacity-50:  0.50;
$opacity-75:  0.75;
$opacity-100: 1;