.tabs {
	overflow: hidden;

	ul {
		display: table;
		width: 100%;
	}
	
	li {
		display: table-cell;
		text-align: center;
		border-right: 1px solid $gray-light-3;

		&:last-child {
			border-right: 0;
		}
	}

	a {
		display: block;
		padding: $pad-half;
		background: $gray;

		&:hover, &:focus {
			background: $gray-light-3;
		}

		&.active {
			background: $gray-dark;
			color: $white;
		}
	}
}