Improving table spacing slightly

client/homebrew/editor/snippets/classtable.gen.js

@@ -50,12 +50,13 @@ module.exports = function(classname){
 		}).join(' | ')
 	}
 
+	var extraWide = (_.random(0,1) === 0) ? "" : "___\n";
 
 	var cantrips = 3;
 	var spells = 1;
 	var slots = 2;
 	return "##### The " + classname + "\n" +
-	"___\n" +
+	"___\n" + extraWide +
 	"| Level | Proficiency Bonus | Features | Cantrips Known | Spells Known | 1st | 2nd | 3rd | 4th | 5th | 6th | 7th | 8th | 9th |\n"+
 	"|:---:|:---:|:---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|\n" +
 	_.map(["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", "9th", "10th", "11th", "12th", "13th", "14th", "15th", "16th", "17th", "18th", "19th", "20th"],function(levelName, level){

client/homebrew/editor/snippets/snippets.js

@@ -98,7 +98,7 @@ module.exports = [
 	},
 
 	{
-		tooltip : "Printer Friendly",
+		tooltip : "Ink Friendly",
 		icon : 'fa-print',
 		snippet : function(){
 			return "<style>\n  .phb{ background : white;}\n  .phb img{ display : none;}\n  .phb hr+blockquote{background : white;}\n</style>\n\n";

client/homebrew/phbStyle/phb.style.less

@@ -1,3 +1,4 @@
+
 @import (less) 'shared/naturalCrit/styles/reset.less';
 @import (less) './client/homebrew/phbStyle/phb.fonts.css';
 @import (less) './client/homebrew/phbStyle/phb.assets.less';
@@ -17,9 +18,23 @@
 	strong{
 		font-family : ScalySans;
 		font-weight : 800;
+		letter-spacing: -0.02em;
 	}
 }
+.useColumns(){
+	column-count         : 2;
+	column-fill          : auto;
+	column-gap           : 1cm;
+	column-width         : 8cm;
+	-webkit-column-count : 2;
+	-moz-column-count    : 2;
+	-webkit-column-width : 8cm;
+	-moz-column-width    : 8cm;
+	-webkit-column-gap   : 1cm;
+	-moz-column-gap      : 1cm;
+}
 .phb{
+	.useColumns();
 	position         : relative;
 	z-index          : 15;
 	box-sizing       : border-box;
@@ -27,19 +42,11 @@
 	height           : 279.4mm;
 	width            : 215.9mm;
 	padding          : 1.0cm 1.7cm;
-	column-count         : 2;
+	padding-bottom   : 1.5cm;
-	column-fill          : auto;
-	column-gap           : 1cm;
-	column-width         : 8cm;
 	background-color : @background;
 	background-image : @backgroundImage;
 	font-family      : BookSanity;
 	font-size        : 9pt;
-	-webkit-column-count : 2;
-	-moz-column-count    : 2;
-	-webkit-column-width : 8cm;
-	-moz-column-width    : 8cm;
-	-webkit-column-gap   : 1cm;
 	text-rendering   : optimizeLegibility;
 	//*****************************
 	// *            BASE
@@ -58,11 +65,18 @@
 		list-style-position : inside;
 		list-style-type     : disc;
 	}
+	ol{
+		list-style-position: inside;
+		margin-bottom       : 0.8em;
+		line-height         : 1.3em;
+		list-style-type     : decimal;
+	}
 	img{
 		z-index : -1;
 	}
 	strong{
 		font-weight : bold;
+		letter-spacing: 0.03em;
 	}
 	em{
 		font-style : italic;
@@ -78,14 +92,14 @@
 		color         : @headerText;
 	}
 	h1{
-		column-span         : all;
+		column-span         : 2;
 		font-size           : 28pt;
-		-webkit-column-span : all;
+		-webkit-column-span : 2;
+		-moz-column-span    : 2;
 		&+p::first-letter{
 			float         : left;
-			margin-top    : 0.4em;
-			margin-bottom : 0.4em;
 			font-family   : Solberry;
+			line-height: 0.8em;
 			font-size     : 10em;
 			color         : #222;
 		}
@@ -127,7 +141,7 @@
 		tbody{
 			tr{
 				td{
-					padding : 0.2em 0.1em;
+					padding : 0.3em 0.1em;
 				}
 				&:nth-child(odd){
 					background-color : @noteGreen;
@@ -241,15 +255,18 @@
 			left   : -3px;
 		}
 	}
+	//Full Width
+	hr+hr+blockquote{
+		.useColumns();
+	}
 	//*****************************
 	// *      FULL CLASS TABLE
 	// *****************************/
-	h5+hr+table{
+	hr+table{
 		margin-top          : -5px;
 		margin-bottom       : 50px;
 		padding-top         : 10px;
 		border-collapse     : separate;
-		column-span         : all;
 		background-color    : white;
 		border              : initial;
 		border-image-outset : 37px 17px;
@@ -257,7 +274,6 @@
 		border-image-slice  : 150 200 150 200;
 		border-image-source : @frameBorderImage;
 		border-image-width  : 47px;
-		-webkit-column-span : all;
 	}
 	//*****************************
 	// *           FOOTER
@@ -316,19 +332,25 @@
 		text-indent     : -1em;
 		list-style-type : none;
 	}
+	//Double hr for full width elements
+	hr+hr+table, hr+hr+blockquote{
+		column-span         : all;
+		-webkit-column-span : all;
+		-moz-column-span    : all;
+	}
 	//Column Break
 	pre{
 		visibility                 : hidden;
 		-webkit-column-break-after : always;
+		break-after                : always;
+		-moz-column-break-after    : always;
 	}
 	//Avoid breaking up
 	p,ul,blockquote,table{
 		z-index                     : 15;
 		-webkit-column-break-inside : avoid;
-		-moz-column-break-inside    : avoid;
-		-o-column-break-inside      : avoid;
-		-ms-column-break-inside     : avoid;
 		column-break-inside         : avoid;
+		overflow: hidden; /* Firefox fix */
 	}
 	//Better spacing for spell blocks
 	h4+p+hr+ul{

shared/naturalCrit/styles/reset.less

@@ -1,2 +1 @@
-/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}