keystone/admin/client/App/elemental/ScreenReaderOnly/index.js

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

import React from 'react';
import { css } from 'glamor';

function ScreenReaderOnly ({ className, ...props }) {
	props.className = css(classes.srOnly, className);

	return <span {...props} />;
};

const classes = {
	srOnly: {
		border: 0,
		clip: 'rect(0,0,0,0)',
		height: 1,
		margin: -1,
		overflow: 'hidden',
		padding: 0,
		position: 'absolute',
		width: 1,
	},
};

module.exports = ScreenReaderOnly;