feat: add style for visually hidden (kufu#963)

* feat: add style for visually hidden * chore: change variable name
koba04 · Sep 7, 2020 · fda4ccf · fda4ccf
1 parent f638d6b
commit fda4ccf
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/constants.ts b/src/constants.ts
@@ -1 +1,15 @@
+import { css } from 'styled-components'
+
+export const VISUALLY_HIDDEN_STYLE = css`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+  white-space: nowrap;
+  clip-path: inset(100%);
+  clip: rect(0 0 0 0);
+  overflow: hidden;
+`
 export const FONT_FAMILY = 'system-ui, sans-serif'
diff --git a/src/index.ts b/src/index.ts
@@ -87,7 +87,7 @@ export { defaultFrame } from './themes/createFrame'
 export { defaultSize } from './themes/createSize'
 
 // constants
-export { FONT_FAMILY } from './constants'
+export { FONT_FAMILY, VISUALLY_HIDDEN_STYLE } from './constants'
 
 // utils
 export { SequencePrefixIdProvider } from './hooks/useId'