adjust style
This commit is contained in:
		
							parent
							
								
									c9612d8a1d
								
							
						
					
					
						commit
						ad8718ba49
					
				
					 48 changed files with 4217 additions and 15 deletions
				
			
		
							
								
								
									
										30
									
								
								sass/_iframe.scss
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										30
									
								
								sass/_iframe.scss
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,30 @@
 | 
			
		|||
iframe {
 | 
			
		||||
	display: block;
 | 
			
		||||
	margin: 1rem auto;
 | 
			
		||||
	box-shadow: var(--edge-highlight), var(--shadow);
 | 
			
		||||
	border: none;
 | 
			
		||||
	border-radius: var(--rounded-corner);
 | 
			
		||||
	background-color: var(--fg-muted-1);
 | 
			
		||||
	width: 100%;
 | 
			
		||||
	max-width: 100%;
 | 
			
		||||
 | 
			
		||||
	&.mastodon-embed {
 | 
			
		||||
		aspect-ratio: 3 / 4;
 | 
			
		||||
		width: min(calc(var(--container-width) / 2), 100%);
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&.vimeo-embed,
 | 
			
		||||
	&.youtube-embed {
 | 
			
		||||
		aspect-ratio: 16 / 9;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&:fullscreen {
 | 
			
		||||
		box-shadow: none;
 | 
			
		||||
		border-radius: 0;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&:-webkit-full-screen {
 | 
			
		||||
		box-shadow: none;
 | 
			
		||||
		border-radius: 0;
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue