From 2b59a0f8355ae8b4bf71cf5c2a365de91f5ebe1b Mon Sep 17 00:00:00 2001
From: Ben Burwell <ben@benburwell.com>
Date: Mon, 30 Mar 2015 02:46:14 -0400
Subject: redesign

---
 _sass/_respond.scss | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 _sass/_respond.scss

(limited to '_sass/_respond.scss')

diff --git a/_sass/_respond.scss b/_sass/_respond.scss
new file mode 100644
index 0000000..1acbecc
--- /dev/null
+++ b/_sass/_respond.scss
@@ -0,0 +1,44 @@
+// Set up default container
+.container {
+  display: block;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+// If we have a decent size screen, we can split columns if we want to
+@media only screen and (min-width: 768px) {
+  .split {
+    @include clearfix;
+
+    .left, .right {
+      width: 50%;
+      margin: 0;
+      padding: 0;
+    }
+
+    .left {
+      float: left;
+    }
+
+    .right {
+      float: right;
+    }
+  }
+}
+
+// Set a layout breakpoint at 768px for tablets
+@media only screen and (min-width: 768px) and (max-width: 899px) {
+  .container {
+    width: 768px;
+  }
+}
+
+// Set a layout breakpoint at 900px for desktops
+@media only screen and (min-width: 900px) {
+  .container {
+    width: 900px;
+  }
+}
-- 
cgit v1.2.3