// Tabbar mixin.

.tabbar-variant (@color; @active-color) {
    color: @color;
    box-shadow: -1px 0 0 @color, 0 -1px 0 @color, 0 1px 0 @color, 1px 0 0 @color;
    margin-left: 0;
    background-color: transparent;
    &.active {
        color: @active-color;
        background-color: @color;
    }
    &:not(:last-child) {
        box-shadow: -1px 0 0 @color, 0 -1px 0 @color, 0 1px 0 @color, 0px 0 0 @color;
    }
}

.tabbar-underline-variant (@border-width: 2px; @border-color) {
    margin-left: 0;
    background-color: transparent;
    &.active {
        color: @border-color;
        box-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 @border-width 0 @border-color;
    }
}