src/scss/toolkit/layout/grid.scss in titon-toolkit-0.9.4 vs src/scss/toolkit/layout/grid.scss in titon-toolkit-0.10.0

- old
+ new

@@ -1,64 +1,64 @@ /** - * @copyright Copyright 2010-2013, The Titon Project - * @license http://opensource.org/licenses/bsd-license.php - * @link http://titon.io + * @copyright 2010-2013, The Titon Project + * @license http://opensource.org/licenses/bsd-license.php + * @link http://titon.io */ @import "../common"; .grid { - @include grid-row; + @include grid-row; } // These should be the same for all sizes @for $i from 1 through $grid-columns { - $span: grid-span($i); + $span: grid-span($i); - .span-#{$i} { width: $span; } - .push-#{$i} { left: $span; } - .pull-#{$i} { right: $span; } + .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; + @include grid-column; } @for $i from 1 through ceil($grid-columns / 4) { - $span: grid-span($i * 4); + $span: grid-span($i * 4); - .col.mobile-#{$i} { width: $span; } - .col.mobile-push-#{$i} { left: $span; } - .col.mobile-pull-#{$i} { right: $span; } + .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; - } + .col[class*="tablet-"] { + @include grid-column; + } - @for $i from 1 through ceil($grid-columns / 2) { - $span: grid-span($i * 2); + @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; } - } + .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; - } + .col[class*="desktop-"] { + @include grid-column; + } - @for $i from 1 through $grid-columns { - $span: grid-span($i); + @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; } - } + .col.desktop-#{$i} { width: $span; } + .col.desktop-push-#{$i} { left: $span; } + .col.desktop-pull-#{$i} { right: $span; } + } } \ No newline at end of file