feat(helper): add sr-only style

vuepress · Nov 25, 2024 · 04b856d · 04b856d
1 parent 9bffe9a
commit 04b856d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/tools/helper/package.json b/tools/helper/package.json
@@ -32,6 +32,7 @@
     "./noopModule": "./lib/client/noopModule.js",
     "./colors.css": "./lib/client/styles/colors.css",
     "./normalize.css": "./lib/client/styles/normalize.css",
+    "./sr-only.css": "./lib/client/styles/sr-only.css",
     "./package.json": "./package.json"
   },
   "main": "./lib/node/index.js",

diff --git a/tools/helper/src/client/styles/sr-only.scss b/tools/helper/src/client/styles/sr-only.scss
@@ -0,0 +1,18 @@
+.sr-only {
+  @media screen {
+    position: absolute;
+
+    overflow: hidden;
+    clip: rect (0, 0, 0, 0);
+
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    border: 0;
+  }
+
+  @media print {
+    display: none;
+  }
+}