2014-05-04 15:48:00 +02:00
|
|
|
/* ----------------------------- */
|
2017-07-31 10:52:40 +02:00
|
|
|
/* ==Misc */
|
2014-05-04 15:48:00 +02:00
|
|
|
/* ----------------------------- */
|
2015-03-04 15:37:11 +01:00
|
|
|
|
2016-05-16 15:45:14 +02:00
|
|
|
// hyphens on tiny screens
|
2017-06-21 10:50:33 +02:00
|
|
|
@media (max-width: ($small - 1)) {
|
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
|
|
|
}
|
2014-10-20 17:42:52 +02:00
|
|
|
|
2016-09-21 11:52:46 +02:00
|
|
|
// use .no-wrapping to disallow hyphens on tiny screens
|
2017-06-21 10:50:33 +02:00
|
|
|
@media (max-width: ($small - 1)) {
|
2015-12-12 11:20:29 +01:00
|
|
|
.no-wrapping {
|
|
|
|
word-wrap: normal;
|
|
|
|
hyphens: manual;
|
|
|
|
}
|
|
|
|
}
|
2016-09-27 16:10:21 +02:00
|
|
|
|
2017-12-22 09:34:24 +01:00
|
|
|
// SVG width IE fix. WARNING: use only if you have SVG problems on IE.
|
|
|
|
// @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
|
|
|
// img[src$=".svg"] {
|
|
|
|
// width: 100%;
|
|
|
|
// }
|
|
|
|
// }
|