- Reduce issues with i*-devices and vh height - Calculate height better for mobile devices and add min-height of the map - Fix icon and combined class issues in multiple browsers - THX to browser stack for free open source account to fix the problems
		
			
				
	
	
		
			35 lines
		
	
	
		
			667 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			35 lines
		
	
	
		
			667 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| .tabs {
 | |
|   @if $shadows == 1 {
 | |
|     @include shadow(1);
 | |
|   } @else {
 | |
|     border: solid darken($color-white, 10%);
 | |
|     border-width: 1px 0;
 | |
|   }
 | |
|   background: transparentize($color-black, .98);
 | |
|   display: flex;
 | |
|   display: -webkit-flex;
 | |
|   font-family: $font-family-secondary;
 | |
|   list-style: none;
 | |
|   margin: 0;
 | |
|   padding: 0;
 | |
| 
 | |
|   li {
 | |
|     -webkit-flex: 1 1 auto;
 | |
|     color: transparentize($color-black, .5);
 | |
|     cursor: pointer;
 | |
|     flex: 1 1 auto;
 | |
|     padding: 1.3em .5em 1em;
 | |
|     text-align: center;
 | |
|     text-transform: uppercase;
 | |
| 
 | |
|     &:hover {
 | |
|       color: $color-black;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   .visible {
 | |
|     border-bottom: 2pt solid $color-primary;
 | |
|     color: $color-primary;
 | |
|   }
 | |
| }
 |