Initial Push
This commit is contained in:
		
							
								
								
									
										26
									
								
								assets/scss/material-kit/bootstrap/helpers/_ratio.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										26
									
								
								assets/scss/material-kit/bootstrap/helpers/_ratio.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,26 @@ | ||||
| // Credit: Nicolas Gallagher and SUIT CSS. | ||||
|  | ||||
| .ratio { | ||||
|   position: relative; | ||||
|   width: 100%; | ||||
|  | ||||
|   &::before { | ||||
|     display: block; | ||||
|     padding-top: var(--#{$prefix}aspect-ratio); | ||||
|     content: ""; | ||||
|   } | ||||
|  | ||||
|   > * { | ||||
|     position: absolute; | ||||
|     top: 0; | ||||
|     left: 0; | ||||
|     width: 100%; | ||||
|     height: 100%; | ||||
|   } | ||||
| } | ||||
|  | ||||
| @each $key, $ratio in $aspect-ratios { | ||||
|   .ratio-#{$key} { | ||||
|     --#{$prefix}aspect-ratio: #{$ratio}; | ||||
|   } | ||||
| } | ||||
		Reference in New Issue
	
	Block a user