meshviewer/scss/modules/_tabs.scss
Xaver Maierhofer e10fb566c9 [TASK] Improve cross browser support
- 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
2016-06-03 19:44:09 +02:00

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;
}
}