From: Andrew Saint <andy.j.saint@icloud.com>
Date: Sat, 11 Oct 2014 07:30:11 +0000 (+0100)
Subject: Changed visibility classes
X-Git-Tag: v5.4.7~17^2~2^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F5923%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Changed visibility classes
---

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index 87ee7a478..f5e5b4de2 100644
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -80,8 +80,8 @@ $base-line-height: 1.5 !default;
 // We use this to add box-sizing across browser prefixes
 @mixin box-sizing($type:border-box) {
   -webkit-box-sizing: $type; // Android < 2.3, iOS < 4
-	   -moz-box-sizing: $type; // Firefox < 29
-	        box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
+     -moz-box-sizing: $type; // Firefox < 29
+          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
 }
 
 // @mixins
@@ -140,12 +140,12 @@ $base-line-height: 1.5 !default;
         top: 50%;
         margin-top: -$width/2;
       }
-    	@if $left {
-    	  left: $left;
-    	}
-    	@else {
-    	  left: ($tabbar-menu-icon-width - $width)/2;
-    	}
+      @if $left {
+        left: $left;
+      }
+      @else {
+        left: ($tabbar-menu-icon-width - $width)/2;
+      }
     }
     @else {
       top: 50%;
@@ -422,10 +422,18 @@ $cursor-text-value: text !default;
     }
 
     // Miscellaneous useful HTML classes
-    .left   { float: left !important; }
-    .right  { float: right !important; }
-    .clearfix     { @include clearfix; }
-    .hide         { display: none; }
+    .left { float: left !important; }
+    .right { float: right !important; }
+    .clearfix { @include clearfix; }
+
+    // Hide visually and from screen readers
+    .hide {
+      display: none !important;
+      visibility: hidden;
+    }
+
+    // Hide visually and from screen readers, but maintain layout
+    .invisible { visibility: hidden; }
 
     // Font smoothing
     // Antialiased font smoothing works best for light text on a dark background.