Extract scss utilities

area17 · Nov 7, 2021 · cbe74f8 · cbe74f8
1 parent f308152
commit cbe74f8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/frontend/js/components/Filter.vue b/frontend/js/components/Filter.vue
@@ -251,17 +251,6 @@
       display: none;
     }
   }
-
-  // ref: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
-  .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    height: 1px;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
 </style>
 
 <style lang="scss">

diff --git a/frontend/scss/_imports.scss b/frontend/scss/_imports.scss
@@ -88,3 +88,7 @@
 @import 'state/overlay';
 @import 'state/nav';
 @import 'state/env';
+
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ utilities */
+
+@import 'utilities/utilities';
diff --git a/frontend/scss/utilities/_utilities.scss b/frontend/scss/utilities/_utilities.scss
@@ -0,0 +1,10 @@
+// ref: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}