Make tables responsive in purecss theme

Author: vitusventure

plugins/table-styler.py

@@ -1,5 +1,6 @@
 import re
 
 def style_tables(output_content, page, config):
-    output_content = re.sub(r'<table>', '<table class="pure-table pure-table-striped">', output_content)
+    output_content = re.sub(r'<table>', '<div class="responsive-table"><table class="pure-table pure-table-striped">', output_content)
+    output_content = re.sub(r'</table>', '</table></div>', output_content)
     return output_content

purecss_theme/css/site.css

@@ -78,7 +78,9 @@ a {
 #home-link {
     padding-top: 8px;
 }
-
+.responsive-table {
+    overflow-x: auto;
+}
 @media screen and (min-width: 64em) {
     #top-nav {
         max-width: 200px;