// 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/manageScope';

$focus: null !default;
$focus-visible: null !default;

// sass-lint:disable no-important

/// Global selector to address box-model and default `:focus` pseudo elements.
/// Selector to remove default focus styles when the :focus-visible pseudo-selector does not apply. Usually this means the user is clicking the element instead of tabbing to it.
///
/// Check current browser support for :focus-visible on [Can I Use](https://caniuse.com/css-focus-visible).
///
/// @example scss - import file
///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/core";
///
/// @group Accessibility
:focus {
  &:not(:focus-visible) {
    outline: 3px solid transparent;
  }
}