Contents

// /**
//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
//  * Licensed under MIT; see LICENSE.txt
//  */

.tabs {
	position: relative;
}
.tab {
	@include column-behavior;
}
.tab-tab {
	float: left;
}
.tab-content {
	float: left;
	position: relative; // This is necessary for the accompanying script to work correctly
	display: none;
}

.tabs-horizontal {
	@for $i from $min-tabs through $max-tabs {
		&.tabs-#{$i} {
			.tab {
				@include column-width(1/$i);
			}
		}
	}
	// Reset tabs to full width on smaller screens
	@include breakpoint($small_handheld_wide) {
		.tab {
			width: 100% !important;
		}
	}
}

.tab {
	&:target,
	&.is-active {
		.tab-content {
			display: inline-block;
		}
	}
}

.tab-tab {
	text-align: center;
	border: 1px solid $color-primary;
}
.is-active {
	.tab-tab {
		border-bottom: rhythm(1) solid $color-primary;
	}
}
// .tab-tab {
// 	padding-right: 10px;
// 	display: block;
// 	@include column-spacing;
// 	padding-left: 0 !important;
// 	span {
// 		display: block;
// 		border: 1px solid $color-theme;
// 		border-width: 1px 1px 0;
// 		@include border-top-radius($corner-radius);
// 		@include column-spacing;
// 		background: $color-theme;
// 	}
	
// }
// .is-active {
// 	.tab-tab {
// 		background: $white;
// 		span {
// 			background: $white;
// 		}
// 	}
// }

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
persistentgrid-0.0.1.beta.12	scss/persistentgrid/modules/tabs/_behavior.scss
persistentgrid-0.0.1.beta.11	scss/persistentgrid/modules/tabs/_behavior.scss