From b3967c83cbdba7f44c2ecef09d3e80801106ac81 Mon Sep 17 00:00:00 2001
From: Ben Burwell <ben@benburwell.com>
Date: Tue, 11 Aug 2015 22:56:34 -0400
Subject: Update to Tiny CSS

---
 _sass/tiny/_layout.scss | 69 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 _sass/tiny/_layout.scss

(limited to '_sass/tiny/_layout.scss')

diff --git a/_sass/tiny/_layout.scss b/_sass/tiny/_layout.scss
new file mode 100644
index 0000000..bf44757
--- /dev/null
+++ b/_sass/tiny/_layout.scss
@@ -0,0 +1,69 @@
+// Fixed-width, centered column for site content.
+.container {
+  width: $container-width;
+  margin-right: auto;
+  margin-left: auto;
+  @include clearfix;
+}
+
+// Grid system
+//
+// Create rows with `.columns` to clear the floated columns and outdent the
+// padding on `.column`s with negative margin for alignment.
+
+.columns {
+  margin-right: -$grid-gutter;
+  margin-left: -$grid-gutter;
+  @include clearfix;
+}
+
+// Base class for every column (requires a column width from below)
+.column {
+  float: left;
+  padding-right: $grid-gutter;
+  padding-left: $grid-gutter;
+}
+
+// Column widths
+.one-third {
+  width: 33.333333%;
+}
+
+// .two-thirds {
+//   width: 66.666667%;
+// }
+
+// .one-fourth {
+//   width: 25%;
+// }
+
+.one-half {
+  width: 50%;
+}
+
+// .three-fourths {
+//   width: 75%;
+// }
+
+// .one-fifth {
+//   width: 20%;
+// }
+
+// .four-fifths {
+//   width: 80%;
+// }
+
+// Single column hack
+.single-column {
+  padding-right: $grid-gutter;
+  padding-left: $grid-gutter;
+}
+
+// Equal width columns via table sorcery.
+// .table-column {
+//   display: table-cell;
+//   width: 1%;
+//   padding-right: $grid-gutter;
+//   padding-left: $grid-gutter;
+//   vertical-align: top;
+// }
-- 
cgit v1.2.3