Fixing auto-incrmetning page numbers with partial page rendering

client/homebrew/navbar/navbar.jsx

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

client/homebrew/phbStyle/phb.style.less

@@ -40,6 +40,7 @@ body {
 }
 .phb{
 	.useColumns();
+	counter-increment: phb-page-numbers;
 	position          : relative;
 	z-index           : 15;
 	box-sizing        : border-box;
@@ -296,7 +297,7 @@ body {
 		text-align : center;
 
 		&.auto::after {
-			counter-increment: phb-page-numbers;
+
 			content: counter(phb-page-numbers);
 		}
 	}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "homebrewery",
   "description": "Create authentic looking D&D homebrews using only markdown",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "scripts": {
     "postinstall": "gulp prod",
     "start": "node server.js"

phb.standalone.css

@@ -213,6 +213,7 @@ body {
   -moz-column-width: 8cm;
   -webkit-column-gap: 1cm;
   -moz-column-gap: 1cm;
+  counter-increment: phb-page-numbers;
   position: relative;
   z-index: 15;
   box-sizing: border-box;
@@ -481,7 +482,6 @@ body {
   text-align: center;
 }
 .phb .pageNumber.auto::after {
-  counter-increment: phb-page-numbers;
   content: counter(phb-page-numbers);
 }
 .phb .footnote {