aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/utils/hidden.scss
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-03-17 23:30:16 +1100
committerSam Potts <sam@potts.es>2018-03-17 23:30:16 +1100
commit600f0eb8a3cf49f5268e5c15487797d496bc19b6 (patch)
treeae7d43ee753035458e5927b66eb588ff26d58afd /src/sass/utils/hidden.scss
parente0562752eaa4553466b78fb6828d05147a0891d1 (diff)
parent5db73b13276bf50357cc98896421318de66ab042 (diff)
downloadplyr-600f0eb8a3cf49f5268e5c15487797d496bc19b6.tar.lz
plyr-600f0eb8a3cf49f5268e5c15487797d496bc19b6.tar.xz
plyr-600f0eb8a3cf49f5268e5c15487797d496bc19b6.zip
Merge branch 'beta'
# Conflicts: # readme.md
Diffstat (limited to 'src/sass/utils/hidden.scss')
-rw-r--r--src/sass/utils/hidden.scss33
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;
+ }
+}