From e34b3cfafa2e69a967714729a525bfc1775ca236 Mon Sep 17 00:00:00 2001
From: Peter Braden <peterbraden@peterbraden.co.uk>
Date: Wed, 12 Aug 2015 14:41:09 +0200
Subject: [PATCH] Layout proposal

---
 src/pages/index.jade          | 10 ++++++++++
 src/styles/_1.typography.scss |  7 ++++++-
 src/styles/_4.layout.scss     | 13 +++++++++++++
 src/styles/styles.scss        |  1 +
 4 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.jade b/src/pages/index.jade
index 146e1a0..dc8db87 100644
--- a/src/pages/index.jade
+++ b/src/pages/index.jade
@@ -10,3 +10,13 @@ block body
   .about.l-absolute-centered
     +header(data.index.header)
       p!= helpers.markdown(data.index.content)
+
+  .links.container
+    .content.l-grid
+      .l-one-third.t-base
+        a(href="https://github.com/ginetta/skeleton/wiki") Documentation
+      .l-one-third.t-base
+        a(href="https://github.com/ginetta/skeleton") Source Code
+      .l-one-third.t-base
+        a(href="https://github.com/ginetta/skeleton/issues") Issues
+
diff --git a/src/styles/_1.typography.scss b/src/styles/_1.typography.scss
index 0e741b2..905d71e 100644
--- a/src/styles/_1.typography.scss
+++ b/src/styles/_1.typography.scss
@@ -1,7 +1,7 @@
 /**
  * Typography settings
  */
-$base-font-size   : 1em;
+$base-font-size   : 1rem;
 $base-font-family : sans-serif;
 $base-font-weight : 300;
 $base-font-style  : normal;
@@ -18,6 +18,11 @@ $base-line-height : 1.5;
  * Typography classes
  */
 
+.t-base {
+  @include base-font;
+  font-size: $base-font-size;
+}
+
 .t-title {
   @include base-font;
   font-size: 5rem;
diff --git a/src/styles/_4.layout.scss b/src/styles/_4.layout.scss
index f25fbe4..f1335c4 100644
--- a/src/styles/_4.layout.scss
+++ b/src/styles/_4.layout.scss
@@ -1,3 +1,16 @@
+@include sensibleGrid($modern: true);
+
+/* Terminology for a responsive center column */
+.container {
+  padding: 0 5px;
+}
+
+.content {
+  margin:0 auto;
+  max-width: 1051px;
+}
+
+
 /* basic structure */
 .l-grid {
   overflow: hidden;
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index e964b5e..88dcdd3 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -1,5 +1,6 @@
 @import
     "sensible/mediaqueries",
+    "sensible/grid",
 
     "0.settings",
     "1.typography",