Converted to SASS/SCSS
This commit is contained in:
		
							
								
								
									
										7
									
								
								src/sass/utils/animation.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								src/sass/utils/animation.scss
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,7 @@ | ||||
| // -------------------------------------------------------------- | ||||
| // Animation utils | ||||
| // -------------------------------------------------------------- | ||||
|  | ||||
| .plyr--no-transition { | ||||
|     transition: none !important; | ||||
| } | ||||
							
								
								
									
										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