56 lines
951 B
SCSS
56 lines
951 B
SCSS
/* ----------------------------- */
|
|
/* ==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%;
|
|
}
|
|
}
|