Contents

/**
 * @copyright	Copyright 2010-2013, The Titon Project
 * @license		http://opensource.org/licenses/bsd-license.php
 * @link		http://titon.io
 */

@import "../common";

.grid {
	@include grid-row;
}

// These should be the same for all sizes
@for $i from 1 through $grid-columns {
	$span: grid-span($i);

	.span-#{$i} { width: $span; }
	.push-#{$i} { left: $span; }
	.pull-#{$i} { right: $span; }
}

// Mobile supports 3 columns
.col[class*="span-"],
.col[class*="mobile-"] {
	@include grid-column;
}

@for $i from 1 through ceil($grid-columns / 4) {
	$span: grid-span($i * 4);

	.col.mobile-#{$i} { width: $span; }
	.col.mobile-push-#{$i} { left: $span; }
	.col.mobile-pull-#{$i} { right: $span; }
}

// Tablet supports 6 columns
@include in-tablet {
	.col[class*="tablet-"] {
		@include grid-column;
	}

	@for $i from 1 through ceil($grid-columns / 2) {
		$span: grid-span($i * 2);

		.col.tablet-#{$i} { width: $span; }
		.col.tablet-push-#{$i} { left: $span; }
		.col.tablet-pull-#{$i} { right: $span; }
	}
}

// Desktop supports 12 columns
@include in-desktop {
	.col[class*="desktop-"] {
		@include grid-column;
	}

	@for $i from 1 through $grid-columns {
		$span: grid-span($i);

		.col.desktop-#{$i} { width: $span; }
		.col.desktop-push-#{$i} { left: $span; }
		.col.desktop-pull-#{$i} { right: $span; }
	}
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-0.9.4	src/scss/toolkit/layout/grid.scss
titon-toolkit-0.9.3	src/scss/toolkit/layout/grid.scss
titon-toolkit-0.9.2	src/scss/toolkit/layout/grid.scss