KNACSS/sass/_library-misc.scss

49 lines
812 B
SCSS
Raw Normal View History

2014-05-04 15:48:00 +02:00
/* ----------------------------- */
2016-05-20 08:58:56 +02:00
/* ==Misc (skip links, hyphens) */
2014-05-04 15:48:00 +02:00
/* ----------------------------- */
/* styling skip links */
.#{$kna-namespace}skip-links {
2015-07-01 13:47:48 +02:00
position: absolute;
2015-07-01 13:47:48 +02:00
& a {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
padding: 0.5em;
background: black;
color: white;
text-decoration: none;
2014-05-04 15:48:00 +02:00
2015-07-01 13:47:48 +02:00
&:focus {
position: static;
overflow: visible;
clip: auto;
}
}
2014-05-04 15:48:00 +02:00
}
2016-05-16 15:45:14 +02:00
// hyphens on tiny screens
2016-09-21 10:05:29 +02:00
@media (max-width: $tiny) {
2015-07-01 13:47:48 +02:00
/* you shall not pass */
div,
textarea,
table,
td,
th,
code,
pre,
samp {
word-wrap: break-word;
hyphens: auto;
}
2014-05-07 11:12:14 +02:00
}
2015-12-12 11:20:29 +01:00
// use .no-wrapping to disallow hyphens on small screens
2016-09-21 10:05:29 +02:00
@media (max-width: $tiny) {
2015-12-12 11:20:29 +01:00
.no-wrapping {
word-wrap: normal;
hyphens: manual;
}
}