From 2f6ec365e7a892af084b16d7667b25062e92037b Mon Sep 17 00:00:00 2001
From: Raphael Goetter <raphael@goetter.fr>
Date: Mon, 19 May 2014 10:53:43 +0200
Subject: [PATCH] new styles for .skip-links

---
 css/01-base.css       | 2 +-
 css/09-booleans.css   | 5 ++++-
 less/09-booleans.less | 5 ++++-
 sass/09-booleans.scss | 5 ++++-
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/css/01-base.css b/css/01-base.css
index 5ba0112..2ba7e41 100644
--- a/css/01-base.css
+++ b/css/01-base.css
@@ -67,8 +67,8 @@ body {
 	font-family: Helvetica, Arial, sans-serif;
 	line-height: 1.5;
 }
-/* font-sizing for content */
 
+/* font-sizing for content */
 p,
 .p-like,
 ul,
diff --git a/css/09-booleans.css b/css/09-booleans.css
index dbc0514..1d092f3 100644
--- a/css/09-booleans.css
+++ b/css/09-booleans.css
@@ -10,7 +10,8 @@
 
 .skip-links a {
   position: absolute;
-  left: -7000px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
   padding: 0.5em;
   background: black;
   color: white;
@@ -19,6 +20,8 @@
 
 .skip-links a:focus {
   position: static;
+  overflow: visible;
+  clip: auto;
 }
 
 @media (max-width: 480px) {
diff --git a/less/09-booleans.less b/less/09-booleans.less
index 9835164..67bab6f 100644
--- a/less/09-booleans.less
+++ b/less/09-booleans.less
@@ -10,7 +10,8 @@
 
 		a {
 			position: absolute;
-			left: -7000px;
+			overflow: hidden;
+			clip: rect(1px, 1px, 1px, 1px);
 			padding: 0.5em;
 			background: black;
 			color: white;
@@ -18,6 +19,8 @@
 		
 			&:focus {
 				position: static;
+				overflow: visible;
+				clip: auto;
 			}
 		}
 	}
diff --git a/sass/09-booleans.scss b/sass/09-booleans.scss
index 5ffbc9a..d57333e 100644
--- a/sass/09-booleans.scss
+++ b/sass/09-booleans.scss
@@ -10,7 +10,8 @@
 
 		a {
 			position: absolute;
-			left: -7000px;
+			overflow: hidden;
+			clip: rect(1px, 1px, 1px, 1px);
 			padding: 0.5em;
 			background: black;
 			color: white;
@@ -18,6 +19,8 @@
 		
 			&:focus {
 				position: static;
+				overflow: visible;
+				clip: auto;
 			}
 		}
 	}