From e0640d6687b1e7d8a325a26edf5b6a9fd888fb4b Mon Sep 17 00:00:00 2001
From: Coby Chapple <coby@cobychapple.com>
Date: Thu, 2 May 2013 21:08:18 +0100
Subject: [PATCH] side scrolling wrappers for remaining tables

---
 site/_posts/2012-07-01-plugins.md   | 8 ++++++++
 site/_posts/2012-07-01-structure.md | 2 ++
 site/_posts/2012-07-01-templates.md | 3 ++-
 site/_posts/2012-07-01-variables.md | 8 ++++++++
 4 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/site/_posts/2012-07-01-plugins.md b/site/_posts/2012-07-01-plugins.md
index 6543e621..cbed4b4e 100644
--- a/site/_posts/2012-07-01-plugins.md
+++ b/site/_posts/2012-07-01-plugins.md
@@ -73,6 +73,7 @@ category using the `category_index.html` layout.
 
 Generators are only required to implement one method:
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -91,6 +92,7 @@ Generators are only required to implement one method:
     </tr>
   </tbody>
 </table>
+</div>
 
 ## Converters
 
@@ -130,6 +132,7 @@ end
 
 Converters should implement at a minimum 3 methods:
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -165,6 +168,7 @@ run on the page.</p>
     </tr>
   </tbody>
 </table>
+</div>
 
 In our example, UpcaseConverter-matches checks if our filename extension is `.upcase`, and will render using the converter if it is. It will call UpcaseConverter-convert to process the content - in our simple converter we’re simply capitalizing the entire content string. Finally, when it saves the page, it will do so with the `.html` extension.
 
@@ -194,6 +198,7 @@ Liquid::Template.register_tag('render_time', Jekyll::RenderTimeTag)
 
 At a minimum, liquid tags must implement:
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -212,6 +217,7 @@ At a minimum, liquid tags must implement:
     </tr>
   </tbody>
 </table>
+</div>
 
 You must also register the custom tag with the Liquid template engine as follows:
 
@@ -256,6 +262,7 @@ Liquid::Template.register_filter(Jekyll::AssetFilter)
 
 There are two flags to be aware of when writing a plugin:
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -285,6 +292,7 @@ values are: <code>:lowest</code>, <code>:low</code>, <code>:normal</code>, <code
     </tr>
   </tbody>
 </table>
+</div>
 
 To use one of the example plugins above as an illustration, here is how you’d specify these two flags:
 
diff --git a/site/_posts/2012-07-01-structure.md b/site/_posts/2012-07-01-structure.md
index 87362b44..49e3885b 100644
--- a/site/_posts/2012-07-01-structure.md
+++ b/site/_posts/2012-07-01-structure.md
@@ -27,6 +27,7 @@ A basic Jekyll site usually looks something like this:
 
 An overview of what each of these does:
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -93,3 +94,4 @@ An overview of what each of these does:
     </tr>
   </tbody>
 </table>
+</div>
diff --git a/site/_posts/2012-07-01-templates.md b/site/_posts/2012-07-01-templates.md
index edd76a71..06d51626 100644
--- a/site/_posts/2012-07-01-templates.md
+++ b/site/_posts/2012-07-01-templates.md
@@ -9,6 +9,7 @@ Jekyll uses the [Liquid](http://www.liquidmarkup.org/) templating language to pr
 
 ## Filters
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -136,6 +137,7 @@ Jekyll uses the [Liquid](http://www.liquidmarkup.org/) templating language to pr
     </tr>
   </tbody>
 </table>
+</div>
 
 ## Tags
 
@@ -214,4 +216,3 @@ You can also use this tag to create a link to a post in Markdown as follows:
 {% highlight html %}
 [Name of Link]({{ "{% post_url 2010-07-21-name-of-post " }}%})
 {% endhighlight %}
-
diff --git a/site/_posts/2012-07-01-variables.md b/site/_posts/2012-07-01-variables.md
index 01091474..fcd11e40 100644
--- a/site/_posts/2012-07-01-variables.md
+++ b/site/_posts/2012-07-01-variables.md
@@ -9,6 +9,7 @@ Jekyll traverses your site looking for files to process. Any files with [YAML Fr
 
 ## Global Variables
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -35,9 +36,11 @@ Jekyll traverses your site looking for files to process. Any files with [YAML Fr
     </tr>
   </tbody>
 </table>
+</div>
 
 ## Site Variables
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -72,9 +75,11 @@ Jekyll traverses your site looking for files to process. Any files with [YAML Fr
     </tr>
   </tbody>
 </table>
+</div>
 
 ## Page Variables
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -113,6 +118,7 @@ Jekyll traverses your site looking for files to process. Any files with [YAML Fr
     </tr>
   </tbody>
 </table>
+</div>
 
 <div class="note">
   <h5>ProTip™: Use custom front-matter</h5>
@@ -121,6 +127,7 @@ Jekyll traverses your site looking for files to process. Any files with [YAML Fr
 
 ## Paginator
 
+<div class="mobile-side-scroller">
 <table>
   <thead>
     <tr>
@@ -159,6 +166,7 @@ Jekyll traverses your site looking for files to process. Any files with [YAML Fr
     </tr>
   </tbody>
 </table>
+</div>
 
 <div class="note info">
   <h5>Paginator variable availability</h5>