Sha256: 65194bec3992baf66ff4dbad8142995d37e83acbdebce6f87fcba694019ca493

Contents?: true

Size: 597 Bytes

Versions: 12

Compression:

Stored size: 597 Bytes

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

12 entries across 12 versions & 1 rubygems

Version Path
stitch-0.1.7.beta.3 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.7.beta.2 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.7.beta.1 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.6 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.5 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.4 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.4.beta.2 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.4.beta.1 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.3.2 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.3.1 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.3 stylesheets/stitch/patterns/accessibility/_hide-content.scss
stitch-0.1.2 stylesheets/stitch/patterns/accessibility/_hide-content.scss