// ========================================================================
// ABSTRACTS => SETTINGS
// ========================================================================

/// Define your project's global settings here.
/// 
/// @name     Settings
/// @group    Settings
/// 
/// @since    1.0.0
/// @access   public
/// @author   [William Pansky](mailto:william.pansky@sabre.com)

/**
 * | TABLE OF CONTENTS
 * =======================
 * |– TRANSITIONS
 * |  |- ease
 * |
 * |– SHADOWS
 * |  |- depths
 * |
 * | ...
 */


 
// TRANSITIONS
// ========================================================================
$transition-ease-fast:                  100ms ease-in-out;
$transition-ease-normal:                300ms ease-in-out;
$transition-ease-slow:                  600ms ease-in-out;
$transition-ease-slower:                900ms ease-in-out;



// SHADOWS
// ========================================================================
// Material Design Box Shadows: https://codepen.io/sdthornton/pen/wBZdXq
$shadow-material-depth-1:               0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
$shadow-material-depth-2:               0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
$shadow-material-depth-3:               0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
$shadow-material-depth-4:               0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
$shadow-material-depth-5:               0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
$shadow-material-depth-6:               0 23px 38px rgba(0, 0, 0, 0.3), 0 19px 12px rgba(0, 0, 0, 0.22);
$shadow-material-transition:            all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);