Initial Push
This commit is contained in:
		
							
								
								
									
										36
									
								
								assets/scss/material-kit/bootstrap/helpers/_position.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										36
									
								
								assets/scss/material-kit/bootstrap/helpers/_position.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,36 @@ | ||||
| // Shorthand | ||||
|  | ||||
| .fixed-top { | ||||
|   position: fixed; | ||||
|   top: 0; | ||||
|   right: 0; | ||||
|   left: 0; | ||||
|   z-index: $zindex-fixed; | ||||
| } | ||||
|  | ||||
| .fixed-bottom { | ||||
|   position: fixed; | ||||
|   right: 0; | ||||
|   bottom: 0; | ||||
|   left: 0; | ||||
|   z-index: $zindex-fixed; | ||||
| } | ||||
|  | ||||
| // Responsive sticky top and bottom | ||||
| @each $breakpoint in map-keys($grid-breakpoints) { | ||||
|   @include media-breakpoint-up($breakpoint) { | ||||
|     $infix: breakpoint-infix($breakpoint, $grid-breakpoints); | ||||
|  | ||||
|     .sticky#{$infix}-top { | ||||
|       position: sticky; | ||||
|       top: 0; | ||||
|       z-index: $zindex-sticky; | ||||
|     } | ||||
|  | ||||
|     .sticky#{$infix}-bottom { | ||||
|       position: sticky; | ||||
|       bottom: 0; | ||||
|       z-index: $zindex-sticky; | ||||
|     } | ||||
|   } | ||||
| } | ||||
		Reference in New Issue
	
	Block a user