////
/// @group o-visual-effects shadows
/// @link http://registry.origami.ft.com/components/o-visual-effects
////

/// Elevation
/// @param {String} $elevation - 'ultra', 'low', 'mid' or 'high'
/// @param {Color} $color
/// @output A repeating linear gradient background
@mixin oVisualEffectsShadowsElevation($elevation: 'low', $color: oColorsGetColorFor('o-effects-shadows-elevation')) {
	@if $elevation == 'ultralow' {
		box-shadow: 0 2px 2px rgba($color, 0.12), 0 4px 6px rgba($color, 0.1);
	}

	@if $elevation == 'low' {
		box-shadow: 0 1px 2px rgba($color, 0.25), 0 4px 6px rgba($color, 0.1);
	}

	@if $elevation == 'mid' {
		box-shadow: 0 1px 3px rgba($color, 0.2), 0 6px 10px rgba($color, 0.15);
	}

	@if $elevation == 'high' {
		box-shadow: 0 1px 4px rgba($color, 0.15), 0 8px 14px rgba($color, 0.2);
	}
}