Converted to SASS/SCSS
This commit is contained in:
35
src/sass/utils/hidden.scss
Normal file
35
src/sass/utils/hidden.scss
Normal file
@ -0,0 +1,35 @@
|
||||
// --------------------------------------------------------------
|
||||
// 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 == true {
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
padding: 0 !important;
|
||||
position: absolute !important;
|
||||
width: 1px !important;
|
||||
}
|
||||
|
||||
@if $plyr-sr-only-important == false {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user