meshviewer/scss/modules/_tabs.scss
2016-05-29 20:11:05 +02:00

33 lines
594 B
SCSS

.tabs {
@if $shadows == 1 {
@include shadow(1);
} @else {
border: solid darken($color-white, 10%);
border-width: 1px 0;
}
background: rgba($color-black, .02);
display: flex;
font-family: $font-family-secondary;
list-style: none;
margin: 0;
padding: 0;
li {
color: rgba($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;
}
}