////
///
/// Transitions Mixin Module
/// ===========================================================================
///
/// This module ...
///
///
/// @group Transitions
/// @author Scape Agency
/// @link https://move.gl
/// @since 0.1.0 initial release
/// @todo None
/// @access public
///
////


// ============================================================================
// Use
// ============================================================================

@use "../../variables" as *;
// @use "../../mixins" as *; // Removed to avoid circular dependency


// ============================================================================
// Mixins
// ============================================================================

///
/// Applies a transition to an element.
///
/// @name transition
/// @param {String} $property - The CSS property to transition.
/// @param {String} $duration - The duration of the transition (default: 0.3s).
/// @param {String} $timing-function - The timing function of the transition (default: ease).
/// @example scss - Usage
///   @include transition('all', '0.3s', 'ease-in-out');
///
@mixin transition($property, $duration: 0.3s, $timing-function: ease) {
    transition: #{$property} #{$duration} #{$timing-function};
}