1 files changed, 33 insertions, 0 deletions
diff --git a/src/sass/utils/hidden.scss b/src/sass/utils/hidden.scss
new file mode 100644
index 00000000..f3b46147
--- /dev/null
+++ b/src/sass/utils/hidden.scss
@@ -0,0 +1,33 @@
+// --------------------------------------------------------------
+// Hiding content nicely
+// --------------------------------------------------------------
+
+// Attributes
+.plyr--full-ui [hidden] {
+    display: none;
+}
+
+.plyr--full-ui [aria-hidden='true'] {
+    display: none;
+}
+
+// Screen reader only elements
+.plyr__sr-only {
+    clip: rect(1px, 1px, 1px, 1px);
+    overflow: hidden;
+
+    // !important is not always needed
+    @if $plyr-sr-only-important {
+        border: 0 !important;
+        height: 1px !important;
+        padding: 0 !important;
+        position: absolute !important;
+        width: 1px !important;
+    } @else {
+        border: 0;
+        height: 1px;
+        padding: 0;
+        position: absolute;
+        width: 1px;
+    }
+}