Adding in the extra wide block

client/homebrew/editor/snippets/snippets.js

@@ -26,6 +26,11 @@ module.exports = [
 				icon : 'fa-arrows-v',
 				gen : "<div style='margin-top:140px'></div>\n\n"
 			},
+			{
+				name : "Wide Block",
+				icon : 'fa-arrows-h',
+				gen : "<div class='wide'>\nEverything in here will be extra wide. Tables, text, everything! Beware though, CSS columns can behave a bit weird sometimes.\n</div>\n"
+			},
 			{
 				name : "Image",
 				icon : 'fa-image',

client/homebrew/navbar/navbar.jsx

@@ -11,7 +11,7 @@ var Navbar = React.createClass({
 				<Nav.item href='/homebrew' className='homebrewLogo'>
 					<div>The Homebrewery</div>
 				</Nav.item>
-				<Nav.item>v2.1.0</Nav.item>
+				<Nav.item>v2.1.1</Nav.item>
 			</Nav.section>
 			{this.props.children}
 		</Nav.base>

client/homebrew/phbStyle/phb.style.less

@@ -401,4 +401,14 @@
 	blockquote{
 		box-shadow : none;
 	}
+}
+
+
+//*****************************
+// *         WIDE
+// *****************************/
+.phb .wide{
+	column-span         : all;
+	-webkit-column-span : all;
+	-moz-column-span    : all;
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "naturalcrit",
   "description": "D&D Tools for the discerning DM",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "scripts": {
     "postinstall": "gulp prod",
     "start": "node server.js"

phb.standalone.css

@@ -561,3 +561,8 @@ table {
 .phb.print blockquote {
   box-shadow: none;
 }
+.phb .wide {
+  column-span: all;
+  -webkit-column-span: all;
+  -moz-column-span: all;
+}