new visually-hidden rules

This commit is contained in:
Raphael Goetter 2014-04-20 19:58:53 +02:00
parent 6ee08ce823
commit b1970263cc
2 changed files with 11 additions and 18 deletions

View file

@ -187,18 +187,14 @@ sub {
/* ----------------------------- */ /* ----------------------------- */
/* hiding content */ /* hiding content */
.visually-hidden { .visually-hidden {
position: absolute; position: absolute !important;
left: -7000px; clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden; overflow: hidden;
height: 1px;
width: 1px;
} }
[dir=rtl] .visually-hidden {
left: auto;
right: -7000px;
}
.desktop-hidden {
display: none;
}
/* hidden on desktop */
/* ----------------------------- */ /* ----------------------------- */
/* == skip links styling */ /* == skip links styling */
/* ----------------------------- */ /* ----------------------------- */

View file

@ -172,16 +172,13 @@ sub {
/* ----------------------------- */ /* ----------------------------- */
/* hiding content */ /* hiding content */
.visually-hidden { .visually-hidden {
position: absolute; position: absolute !important;
left: -7000px; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden; overflow: hidden;
height: 1px; width: 1px;
} }
[dir=rtl] .visually-hidden {
left: auto;
right: -7000px;
}
.desktop-hidden { display: none; } /* hidden on desktop */
/* ----------------------------- */ /* ----------------------------- */