@shopgate/engage/a11y/styles.js

Shopgate's ENGAGE library.

import { css } from 'glamor';

// global class for screen readers only, visually hidden
css.global('.sr-only', {
  border: '0',
  clip: 'rect(0 0 0 0)',
  height: '1px',
  margin: '-1px',
  overflow: 'hidden',
  padding: '0',
  position: 'absolute',
  width: '1px',
  whiteSpace: 'nowrap',
  top: 0,
  left: 0
});