Set tab active somewhat dynamically through css

tab-through-css.less

@import "vendor/mixins/for.less";
/*
// https://github.com/seven-phases-max/less.curious/blob/master/src/for.less
// ............................................................
// .for

.for(@i, @n) {.-each(@i)}
.for(@n)     when (isnumber(@n)) {.for(1, @n)}
.for(@i, @n) when not (@i = @n)  {
    .for((@i + (@n - @i) / abs(@n - @i)), @n);
}

// ............................................................
// .for-each

.for(@array)   when (default()) {.for-impl_(length(@array))}
.for-impl_(@i) when (@i > 1)    {.for-impl_((@i - 1))}
.for-impl_(@i) when (@i > 0)    {.-each(extract(@array, @i))}
*/

@team-tabs: overview, requests, messages;

.teams-view {
	.team-bar {
		nav.nav-tabs {
			> li {

			}
		}
	}
	.for(@team-tabs); .-each(@team-tab) {
		&.teams-view-@{team-tab} {
			.team-bar {
				.nav.nav-tabs {
					> li {
						&.tab-@{team-tab} {
							> a {
								// TODO: Replace this with a mixin
						        color: @nav-tabs-active-link-hover-color;
						        background-color: @nav-tabs-active-link-hover-bg;
						        border: 1px solid @nav-tabs-active-link-hover-border-color;
						        border-bottom-color: transparent;
						        cursor: default;
							}
						}
					}
				}			
			}
		}		
    }
}