Beacon framework update

Beacon.framework/Beacon.bundle/article.css

@@ -142,7 +142,7 @@ html {
 
 #fullArticle table.table-striped tr:nth-child(odd) td { background: #f9fafa; }
 
-#fullArticle table.table-bordered { border-collapse: separate; border-radius: 3px; border: 1px solid #e3e8eb; border-left: 0; }
+#fullArticle table.table-bordered { border-radius: 3px; border: 1px solid #e3e8eb; border-left: 0; }
 
 #fullArticle table.table-bordered td { padding: 0.5em; }
 
@@ -207,3 +207,7 @@ html {
     word-wrap: break-word;
     font-weight: bolder;
 }
+
+#fullArticle .u-overflow-x {
+    overflow-x: auto;
+}

Beacon.framework/Beacon.bundle/article.js

@@ -0,0 +1,16 @@
+function offsetForElement(element) {
+    var el = document.getElementById(element);
+    var viewportOffset = el.getBoundingClientRect();
+    return viewportOffset.top;
+}
+
+function wrapTables() {
+    var allTables = document.getElementsByTagName('table');
+    for (var i = 0; i < allTables.length; i++) {
+        var table = allTables[i];
+        var overflowWrapper = document.createElement('div');
+        overflowWrapper.classList.add('u-overflow-x');
+        table.parentNode.insertBefore(overflowWrapper, table);
+        overflowWrapper.appendChild(table);
+    }
+}