Merge pull request #8 from JasonTarka-D2L/jtarka/In-place_offscreen

Contain offscreen contents in an invisible single-pixel onscreen element
BrightspaceUI · Mar 17, 2016 · 410714e · 410714e
2 parents 4b111bd + 320e654
commit 410714e
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/offscreen.scss b/offscreen.scss
@@ -1,17 +1,20 @@
 
 @mixin vui-offscreen() {
-
-	$offset: -10000px;
-
 	position: absolute !important;
-	left: $offset;
 	overflow: hidden;
+
 	width: 1px;
 	height: 1px;
 
-	[dir="rtl"] & {
-		left: auto;
-		right: $offset;
-	}
+	font-size: 1px;
+	line-height: 1px;
+	text-indent: 2px;
+	white-space: nowrap;
 
+	padding: 0;
+	margin: 0;
+	background: none;
+	border: none;
+	box-shadow: none;
+	outline: none !important; // important to override :focus
 }