1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
/** @jsx jsx */
import { jsx } from "theme-ui";
const styles = {
border: 0,
clip: "rect(1px, 1px, 1px, 1px)",
clipPath: "inset(50%)",
height: "1px",
margin: "-1px",
overflow: "hidden",
padding: 0,
position: "absolute",
width: "1px",
wordWrap: "normal !important",
":focus": {
bg: "background",
clip: "auto !important",
clipPath: "none",
color: "text",
display: "block",
height: "auto",
left: "5px",
lineHeight: "text",
padding: "15px 23px 14px",
textDecoration: "none",
top: "5px",
width: "auto",
zIndex: 100000
}
};
function ScreenReader({ as: Component = "span", ...props }) {
return <Component {...props} sx={styles} />;
}
export default ScreenReader;
|
