2014-04-20 20:34:39 +02:00
|
|
|
@import "00-config";
|
2014-05-03 14:03:41 +02:00
|
|
|
/* ----------------------------- */
|
|
|
|
/* ==booleans */
|
|
|
|
/* ----------------------------- */
|
2014-04-20 20:34:39 +02:00
|
|
|
// skip-links boolean
|
|
|
|
& when (@skip-links = true) {
|
2014-04-20 20:44:12 +02:00
|
|
|
/* styling skip links */
|
2014-04-20 20:34:39 +02:00
|
|
|
.skip-links {
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
a {
|
|
|
|
position: absolute;
|
|
|
|
left: -7000px;
|
|
|
|
padding: 0.5em;
|
|
|
|
background: black;
|
|
|
|
color: white;
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
position: static;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// hyphens boolean
|
|
|
|
& when (@hyphens = true) {
|
|
|
|
@media (max-width: @small-screen) {
|
|
|
|
/* you shall not pass */
|
|
|
|
div, textarea, table, td, th, code, pre, samp {
|
|
|
|
word-wrap: break-word;
|
|
|
|
hyphens: auto;
|
|
|
|
}
|
|
|
|
}
|
2014-04-20 20:56:10 +02:00
|
|
|
}
|