////
///
/// Visually Hidden Mixins
/// ===========================================================================
///
/// Screen reader only / visually hidden utility mixins for accessibility.
/// Note: The base visually-hidden mixin is defined in head_layout/display/_visibility.scss
/// This file provides the focusable variant.
///
/// @group Mixins.Utilities
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "../head_layout/display/visibility" as visibility;

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

/// Visually hidden focusable - shows element when focused
@mixin sr-only-focusable {
    &:not(:focus):not(:focus-within) {
        @include visibility.visually-hidden;
    }
}