function hideText() {
    return {
      textIndent: '101%',
      overflow: 'hidden',
      whiteSpace: 'nowrap'
    };
  }
CSS to hide text to show a background image in a SEO-friendly way.

@example
// Styles as object usage
const styles = {
  'backgroundImage': 'url(logo.png)',
  ...hideText(),
}

// styled-components usage
const div = styled.div`
  backgroundImage: url(logo.png);
  ${hideText()};
`

// CSS as JS Output

'div': {
  'backgroundImage': 'url(logo.png)',
  'textIndent': '101%',
  'overflow': 'hidden',
  'whiteSpace': 'nowrap',
}