/*
 * Helper Classes
 *
 */

@import '../utilities.scss';

// Focus management
.dnb-no-focus {
  outline: none;
}

.dnb-tab-focus {
  outline: none;

  &:focus {
    @include focusRing('keyboard');
  }
}

.dnb-mouse-focus {
  outline: none;

  &:focus {
    @include focusRing('mouse');
  }
}

.dnb-focus-ring {
  @include fakeBorder(
    var(--focus-ring-color),
    var(--focus-ring-width),
    null,
    !important
  );
}

.dnb-scrollbar-appearance {
  @include scrollbarAppearance();
}

@import './skip-link.scss';

.dnb-alignment-helper {
  @include alignmentHelperClass();
  @include alignmentHelper();
}

.dnb-drop-shadow {
  @include defaultDropShadow();
}

.dnb-sr-only {
  @include srOnly();
}

.dnb-suffix {
  padding-left: 0.5rem;

  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
  word-break: normal; // because of "kr" usage together with "stretch" on a input/textarea
}