Added in new auto-incrementing snippet

changelog.md

@@ -2,6 +2,7 @@
 
 ### Sunday, 05/06/2016 - v2.2.1
 - Adding in a new Class table div block. The old Class table block used weird stacking of HTML elements, resulting is difficult to control behaviour and poor interactiosn with the rest of the page. This new block is much easier to style and work with.
+- Added in a new wide table snippet
 - Added in a new auto-incremeting page number snippet
 
 

client/homebrew/editor/snippets/snippets.js

@@ -57,6 +57,12 @@ module.exports = [
 				gen : "<div class='pageNumber'>1</div>\n<div class='footnote'>PART 1 | FANCINESS</div>\n\n"
 			},
 
+			{
+				name : "Auto-incrementing Page Number",
+				icon : 'fa-sort-numeric-asc',
+				gen : "<div class='pageNumber auto'></div>\n"
+			},
+
 
 		]
 	},
@@ -141,6 +147,24 @@ module.exports = [
 						"| 17th | 4 or lower |\n\n",
 					].join('\n');
 				},
+			},
+			{
+				name : 'Wide Table',
+				icon : 'fa-list',
+				gen : function(){
+					return [
+						"<div class='wide'>",
+						"##### Cookie Tastiness",
+						"| Tastiness | Cookie Type |",
+						"|:----:|:-------------|",
+						"| -5  | Raisin |",
+						"| 8th  | Chocolate Chip |",
+						"| 11th | 2 or lower |",
+						"| 14th | 3 or lower |",
+						"| 17th | 4 or lower |",
+						"</div>\n\n"
+					].join('\n');
+				},
 			}
 		]
 	},

client/homebrew/phbStyle/phb.style.less

@@ -11,6 +11,9 @@
 @headerText            : #58180D;
 @monsterStatBackground : #FDF1DC;
 @page { margin: 0; }
+body {
+	counter-reset: phb-page-numbers;
+}
 .useSansSerif(){
 	font-family : ScalySans;
 	em{
@@ -291,6 +294,11 @@
 		font-size  : 0.9em;
 		color      : #c9ad6a;
 		text-align : center;
+
+		&.auto::after {
+			counter-increment: phb-page-numbers;
+			content: counter(phb-page-numbers);
+		}
 	}
 	.footnote{
 		position   : absolute;