@import "./colors";

.text-break {
  word-break: break-word !important;
}

.pre-wrap {
  white-space: pre-wrap !important;
}

.line-height-normal {
  line-height: normal !important;
}

.border-dashed {
  border-style: dashed !important;
}

/********************
    Focus
********************/
.inner-focus:focus,
.inner-focus:focus-visible {
  outline: 0 !important;
  box-shadow: inset 0 0 0 0.2rem $blue-300;
}

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .visually-hidden#{$infix} {
      @include visually-hidden;
    }
    .visually-hidden-focusable#{$infix} {
      @include visually-hidden-focusable;
    }
  }
}