Contents

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
@mixin hide-from-all {
	display:none;
	visibility:hidden;
} 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
@mixin screenreaders-only {
	position: absolute !important;    
  	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  	clip: rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
@mixin invisible {
	visibility: hidden;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
stitch-0.1.1	stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.0	stylesheets/stitch/patterns/accessibility/_hide-content.scss