// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
// See LICENSE in the project root for license information.

// ---------------------------------------------------------------------

@import './libSupport/deprecated';

/// Provides a way to control animation speed when changing CSS properties.
///
/// Defaults are set by baseline Design Tokens
///
/// Compatibility: [css-transitions](https://caniuse.com/#feat=css-transitions)
///
/// @group Animation
/// @param {string} $property [$auro-animation-default-property] - Specifies the name of the CSS property the transition effect is for
/// @param {string} $duration [$auro-animation-default-duration] - Specifies how many seconds or milliseconds a transition effect takes to complete
/// @param {string} $timing [$auro-animation-default-timing] - Specifies the speed curve of the transition effect (ease, linear, ease-in, ease-out, ease-in-out)
/// @param {string} $delay [null] - Specifies a delay (in seconds) for the transition effect
///
/// @example scss - import file
///   @import "./node_modules/@alaskaairux/webcorestylesheets/dist/animation";
///
/// @example scss - Using mixin with default values;
///   .foo {
///     @include auro_transition;
///   }

@mixin auro_transition($property: $auro-animation-default-property, $duration: $auro-animation-default-duration, $timing: $auro-animation-default-timing, $delay: null) {
  transition: $property $duration $timing $delay;
}