/* —————————– */ /* ==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%;
}

}