titon-toolkit 0.9.4 → 0.10.0

data/src/scss/toolkit/layout/grid.scss

@@ -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; }
+    }
 }

data/src/scss/toolkit/layout/input-group.scss

@@ -1,56 +1,56 @@
 /**
- * @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";
 
 .input-group {
-	display: inline-block;
-
-	> .input,
-	> .input-addon,
-	> .button,
-	> .button-group {
-		display: inline-block;
-		position: relative;
-		border-radius: 0;
-		margin-right: -6px; // Remove whitespace and overlap borders
-		white-space: nowrap;
-		height: auto;
-		vertical-align: middle;
-	}
-
-	// Inputs should always be above everything else
-	> .input { z-index: 1; }
+    display: inline-block;
+
+    > .input,
+    > .input-addon,
+    > .button,
+    > .button-group {
+        display: inline-block;
+        position: relative;
+        border-radius: 0;
+        margin-right: -6px; // Remove whitespace and overlap borders
+        white-space: nowrap;
+        height: auto;
+        vertical-align: middle;
+    }
+
+    // Inputs should always be above everything else
+    > .input { z-index: 1; }
 }
 
 .input-addon {
-	border: 1px solid $gray-dark;
-	background: $gray;
-	vertical-align: middle;
-	padding: $medium-padding;
-	line-height: normal;
-	font-size: inherit;
+    border: 1px solid $gray-dark;
+    background: $gray;
+    vertical-align: middle;
+    padding: $medium-padding;
+    line-height: normal;
+    font-size: inherit;
 }
 
 //-------------------- Modifiers --------------------//
 
 .input-group.round {
-	> .input:first-child,
-	> .input-addon:first-child,
-	> .button:first-child,
-	> .button-group:first-child .button {
-		border-top-left-radius: $round;
-		border-bottom-left-radius: $round;
-	}
-
-	> .input:last-child,
-	> .input-addon:last-child,
-	> .button:last-child,
-	> .button-group:last-child .button {
-		border-top-right-radius: $round;
-		border-bottom-right-radius: $round;
-	}
+    > .input:first-child,
+    > .input-addon:first-child,
+    > .button:first-child,
+    > .button-group:first-child .button {
+        border-top-left-radius: $round;
+        border-bottom-left-radius: $round;
+    }
+
+    > .input:last-child,
+    > .input-addon:last-child,
+    > .button:last-child,
+    > .button-group:last-child .button {
+        border-top-right-radius: $round;
+        border-bottom-right-radius: $round;
+    }
 }

data/src/scss/toolkit/layout/responsive.scss

@@ -1,53 +1,53 @@
 /**
- * @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";
 
 img, video, canvas {
-	max-width: 100%;
-	max-height: auto;
-	height: auto;
+    max-width: 100%;
+    max-height: auto;
+    height: auto;
 }
 
 .show-print { display: none; }
 
 // Desktop states
 @include in-desktop {
-	.show-tablet,
-	.show-mobile,
-	.hide-desktop { display: none; }
+    .show-tablet,
+    .show-mobile,
+    .hide-desktop { display: none; }
 }
 
 // Tablet states
 @include in-tablet {
-	.show-desktop,
-	.show-mobile,
-	.hide-tablet { display: none; }
+    .show-desktop,
+    .show-mobile,
+    .hide-tablet { display: none; }
 }
 
 // Mobile states
 @include in-mobile  {
-	.show-desktop,
-	.show-tablet,
-	.hide-mobile { display: none; }
+    .show-desktop,
+    .show-tablet,
+    .hide-mobile { display: none; }
 }
 
 // Orientation states
 @include if-portrait {
-	.show-landscape,
-	.hide-portrait { display: none; }
+    .show-landscape,
+    .hide-portrait { display: none; }
 }
 
 @include if-landscape {
-	.show-portrait,
-	.hide-landscape { display: none; }
+    .show-portrait,
+    .hide-landscape { display: none; }
 }
 
 // Type states
 @media print {
-	.show-print { display: block; }
-	.hide-print { display: none; }
+    .show-print { display: block; }
+    .hide-print { display: none; }
 }

data/src/scss/toolkit/layout/table.scss

@@ -1,82 +1,82 @@
 /**
- * @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";
 
 .table {
-	width: 100%;
-	background: $gray;
-	border-collapse: collapse;
-
-	th, td {
-		padding: $padding;
-		line-height: 110%;
-		vertical-align: top;
-		border: 1px solid $gray-dark;
-	}
-
-	// Move headings to bottom
-	thead th {
-		vertical-align: bottom;
-		text-align: left;
-	}
-
-	// Allow for multiple tbody's
-	tbody + tbody { border-top-width: 2px; }
-
-	// Row colors
-	thead tr,
-	tfoot tr {
-		background: $gray-dark;
-
-		th { border-color: shade($gray-dark, 10%); }
-	}
-
-	// Zebra striping
-	tbody tr {
-		background: $gray;
-
-		&:nth-child(odd) { background: $gray-light; }
-		&.divider { background: shade($gray, 2%); }
-	}
+    width: 100%;
+    background: $gray;
+    border-collapse: collapse;
+
+    th, td {
+        padding: $padding;
+        line-height: 110%;
+        vertical-align: top;
+        border: 1px solid $gray-dark;
+    }
+
+    // Move headings to bottom
+    thead th {
+        vertical-align: bottom;
+        text-align: left;
+    }
+
+    // Allow for multiple tbody's
+    tbody + tbody { border-top-width: 2px; }
+
+    // Row colors
+    thead tr,
+    tfoot tr {
+        background: $gray-dark;
+
+        th { border-color: shade($gray-dark, 10%); }
+    }
+
+    // Zebra striping
+    tbody tr {
+        background: $gray;
+
+        &:nth-child(odd) { background: $gray-light; }
+        &.divider { background: shade($gray, 2%); }
+    }
 }
 
 //-------------------- Modifiers --------------------//
 
 .table.table--hover {
-	tbody tr:not(.divider):hover { background: #fff; }
+    tbody tr:not(.divider):hover { background: #fff; }
 }
 
 .table.table--sortable {
-	thead th {
-		padding: 0;
+    thead th {
+        padding: 0;
 
-		a, span {
-			padding: $padding;
-			display: block;
-		}
+        a, span {
+            padding: $padding;
+            display: block;
+        }
 
-		a {
-			background: $gray-dark;
-			color: #000;
+        a {
+            background: $gray-dark;
+            color: #000;
 
-			&:hover { background: shade($gray-dark, 5%); }
-		}
-	}
+            &:hover { background: shade($gray-dark, 5%); }
+        }
+    }
 }
 
 .table.table--compact {
-	thead th,
-	tbody td { padding: $small-padding; }
+    thead th,
+    tbody td { padding: $small-padding; }
 
-	&.table--sortable {
-		thead th {
-			padding: 0;
+    &.table--sortable {
+        thead th {
+            padding: 0;
 
-			a, span { padding: $small-padding; }
-		}
-	}
+            a, span { padding: $small-padding; }
+        }
+    }
 }

data/src/scss/toolkit/layout/typography.scss

@@ -1,7 +1,7 @@
 /**
- * @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";
@@ -14,32 +14,32 @@ h5 { font-size: 1.2rem; }
 h6 { font-size: 1rem; }
 
 h1, h2, h3, h4, h5, h6 {
-	margin: 0;
-	padding: 0;
-	line-height: 100%;
-	font-weight: normal;
+    margin: 0;
+    padding: 0;
+    line-height: 100%;
+    font-weight: normal;
 }
 
 p, ul, ol, hr, blockquote {
-	margin: $margin 0;
+    margin: $margin 0;
 }
 
 blockquote {
-	margin: $margin;
-	padding: 0 $padding;
-	border-left: 5px solid $gray;
+    margin: $margin;
+    padding: 0 $padding;
+    border-left: 5px solid $gray;
 
-	cite { display: block; font-size: .8rem; }
-	cite:before { content: "\2014 \00A0"; /* em dash */ }
+    cite { display: block; font-size: .8rem; }
+    cite:before { content: "\2014 \00A0"; /* em dash */ }
 
-	@include content-spacing;
+    @include content-spacing;
 }
 
 mark {
-	display: inline-block;
-	background: $gray-dark;
-	border-radius: 2px;
-	padding: 0 5px;
+    display: inline-block;
+    background: $gray-dark;
+    border-radius: 2px;
+    padding: 0 5px;
 }
 
 .text-muted { color: $default; }