You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							48 lines
						
					
					
						
							804 B
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							48 lines
						
					
					
						
							804 B
						
					
					
				| @import "../../src/scss/variables.scss"; | |
| @import "../../src/scss/mixins.scss"; | |
| 
 | |
| .component-footer { | |
|   //position: absolute; | |
|   display: flex; | |
|   padding: 10px 0; | |
|   text-align: center; | |
|   width: 100%; | |
|   bottom: 0; | |
|   background: $gray; | |
|   color: $white; | |
| 
 | |
|   .menu { | |
|     display: block; | |
|     height: 100%; | |
|     width: 100%; | |
|     list-style: none; | |
|     margin: 0; | |
|     padding: 0; | |
| 
 | |
|     .item { | |
|       display: block; | |
|       color: $white; | |
|       margin: auto 20px auto 0; | |
|       font-size: $font-12; | |
|       letter-spacing: 2px; | |
|       padding: 5px; | |
| 
 | |
|       .label { | |
|         color: $white; | |
|       } | |
|     } | |
|   } | |
| } | |
| 
 | |
| @media (min-width: map-get($grid-breakpoints, 'md')) { | |
|   .component-footer { | |
|     height: $footer-height; | |
|     .menu { | |
|       display: flex; | |
|       .item { | |
|         display: flex; | |
|         padding: 0; | |
|       } | |
|     } | |
|   } | |
| }
 |