/* ----------------------------- */
/* ==Misc (skip links, hyphens)  */
/* ----------------------------- */

/* styling skip links */
.{$kna-namespace}skip-links
  position absolute

  & a
    position absolute
    overflow hidden
    clip rect(1px, 1px, 1px, 1px)
    padding 0.5em
    background black
    color white
    text-decoration none

    &:focus
      position static
      overflow visible
      clip auto

// hyphens on tiny screens
@media (max-width: $tiny)
  /* you shall not pass */
  div
  textarea
  table
  td
  th
  code
  pre
  samp
    word-wrap break-word
    hyphens auto

// use .no-wrapping to disallow hyphens on tiny screens
@media (max-width: $tiny)
  .no-wrapping
    word-wrap normal
    hyphens manual

// SVG width IE fix
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
  img[src$=".svg"]
    width 100%