From b1970263cc2563536d3141a717f60da7933c8aae Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Sun, 20 Apr 2014 19:58:53 +0200 Subject: [PATCH] new visually-hidden rules --- css/01-base.css | 16 ++++++---------- less/01-base.less | 13 +++++-------- 2 files changed, 11 insertions(+), 18 deletions(-) diff --git a/css/01-base.css b/css/01-base.css index 65f281e..b51a895 100644 --- a/css/01-base.css +++ b/css/01-base.css @@ -187,18 +187,14 @@ sub { /* ----------------------------- */ /* hiding content */ .visually-hidden { - position: absolute; - left: -7000px; + position: absolute !important; + clip: rect(1px 1px 1px 1px); + /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); overflow: hidden; + height: 1px; + width: 1px; } -[dir=rtl] .visually-hidden { - left: auto; - right: -7000px; -} -.desktop-hidden { - display: none; -} -/* hidden on desktop */ /* ----------------------------- */ /* == skip links styling */ /* ----------------------------- */ diff --git a/less/01-base.less b/less/01-base.less index 918a013..3246467 100644 --- a/less/01-base.less +++ b/less/01-base.less @@ -172,16 +172,13 @@ sub { /* ----------------------------- */ /* hiding content */ -.visually-hidden { - position: absolute; - left: -7000px; +.visually-hidden { + position: absolute !important; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); overflow: hidden; + height: 1px; width: 1px; } -[dir=rtl] .visually-hidden { - left: auto; - right: -7000px; -} -.desktop-hidden { display: none; } /* hidden on desktop */ /* ----------------------------- */