// *******************************************************************
// Box Shadow
// Variables for controlling the color of a box shadow.
// box-shadow: $shadow;
// *******************************************************************
$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-none:  none;

// *******************************************************************
// Opacity
// Variables for controlling the opacity of an element.
// opacity: $opacity-25;
// *******************************************************************
$opacity-0:   0;
$opacity-5:   0.05;
$opacity-10:  0.1;
$opacity-20:  0.2;
$opacity-25:  0.25;
$opacity-30:  0.3;
$opacity-40:  0.4;
$opacity-50:  0.5;
$opacity-60:  0.6;
$opacity-70:  0.7;
$opacity-75:  0.75;
$opacity-80:  0.8;
$opacity-90:  0.9;
$opacity-95:  0.95;
$opacity-100: 1;