Merge branch 'master' into feature/new-google-drive-icon

client/homebrew/pages/basePages/listPage/listPage.jsx

@@ -219,7 +219,7 @@ const ListPage = createClass({
 
 	render : function(){
 		return <div className='listPage sitePage'>
-			<style>@layer V3_5ePHB, bundle;</style>
+			{/*<style>@layer V3_5ePHB, bundle;</style>*/}
 			<link href='/themes/V3/5ePHB/style.css' rel='stylesheet'/>
 			{this.props.navItems}
 			{this.renderSortOptions()}

themes/V3/5ePHB/style.less

@@ -253,7 +253,7 @@ body {
 		border-image-outset : 9px 0px;
 		border-image-width  : 11px;
 		padding             : 0.13cm 0.16cm;
-		filter              : drop-shadow(1px 4px 6px #888);
+		box-shadow          : 1px 4px 14px #888;
 		.page :where(&) {
 			margin-top        : 9px; //Prevent top border getting cut off on colbreak
 		}
@@ -282,7 +282,7 @@ body {
 		border-image        : @descriptiveBoxImage 12 stretch;
 		border-image-outset : 4px;
 		padding             : 0.1em;
-		filter              : drop-shadow(0 0 3px #faf7ea);
+		box-shadow          : 0 0 6px #faf7ea;
 		.page :where(&) {
 			margin-top        : 4px; //Prevent top border getting cut off on colbreak
 		}
@@ -397,7 +397,7 @@ body {
 			border-image-outset   : 0px 2px;
 			background-blend-mode : overlay;
 			background-attachment : fixed;
-			filter                : drop-shadow(1px 4px 6px #888);
+			box-shadow            : 1px 4px 14px #888;
 			padding               : 4px 2px;
 			margin-left           : -0.16cm;
 			margin-right          : -0.16cm;
@@ -691,7 +691,7 @@ h5 + table{
 		top        : 0.5cm;
 		left       : 0;
 		right      : 0;
-		filter   : drop-shadow(0 0 0.075cm black);
+		filter     :drop-shadow(0 0 0.075cm black);
 		img {
 			height : 2cm;
 			width  : 100%;
@@ -746,7 +746,7 @@ h5 + table{
 		filter           : drop-shadow(0 0 3px black);
 	}
 	.banner {
-		filter           : drop-shadow(2px 2px 2px #000);
+		filter           : drop-shadow(2px 2px 2px black);
 		position         : absolute;
 		left             : 0;
 		bottom           : 4.2cm;

themes/V3/Blank/style.less

@@ -1,25 +1,24 @@
-@layer V3_Blank {
+@import (less) './themes/fonts/5e/fonts.less';
-	@import (less) './themes/fonts/5e/fonts.less';
+@import (less) './themes/assets/assets.less';
-	@import (less) './themes/assets/assets.less';
 
-	:root {
+:root {
 	//Colors
 	--HB_Color_Background            : #FFFFFF; // White
 	--HB_Color_WatercolorStain       : #000000; // Black
-	}
+}
 
-	@page { margin: 0; }
+@page { margin: 0; }
-	body {
+body {
 	counter-reset : phb-page-numbers;
-	}
+}
-	*{
+*{
 	-webkit-print-color-adjust : exact;
-	}
+}
 
-	//*****************************
+//*****************************
-	// *    MUSTACHE DIVS/SPANS
+// *    MUSTACHE DIVS/SPANS
-	// *****************************/
+// *****************************/
-	.page {
+.page {
 	.block {
 		break-inside      : avoid;
 		display           : inline-block;
@@ -29,19 +28,19 @@
 		display     : inline-block;
 		text-indent : initial;
 	}
-	}
+}
 
-	.useColumns(@multiplier : 1, @fillMode: balance){
+.useColumns(@multiplier : 1, @fillMode: balance){
 	column-fill          : @fillMode;
 	column-count         : 2;
-	}
+}
-	.columnWrapper{
+.columnWrapper{
 	max-height        : 100%;
 	column-span       : all;
 	columns           : inherit;
 	column-gap        : inherit;
-	}
+}
-	.page{
+.page{
 	.useColumns();
 	height            : 279.4mm;
 	width             : 215.9mm;
@@ -56,11 +55,11 @@
 	page-break-before : always;
 	page-break-after  : always;
 	contain           : size;
-	}
+}
 	//*****************************
 	// *            BASE
 	// *****************************/
-	.page{
+.page{
 	p{
 		overflow-wrap : break-word;
 		display       : block;
@@ -361,12 +360,12 @@
 	.imageMaskCorner35 { --wc : url(/assets/waterColorMasks/corner/0035.webp); }
 	.imageMaskCorner36 { --wc : url(/assets/waterColorMasks/corner/0036.webp); }
 	.imageMaskCorner37 { --wc : url(/assets/waterColorMasks/corner/0037.webp); }
-	}
+}
 
-	//*****************************
+//*****************************
-	// *    DEFINITION LISTS
+// *    DEFINITION LISTS
-	// *****************************/
+// *****************************/
-	.page {
+.page {
 	dl {
 		padding-left : 1em;
 		white-space  : pre-line;
@@ -381,12 +380,12 @@
 		margin-left : 0;
 		text-indent : 0;
   }
-	}
+}
 
-	//*****************************
+//*****************************
-	// *    BLANK LINE
+// *    BLANK LINE
-	// *****************************/
+// *****************************/
-	.page {
+.page {
 	.blank {
 		height     : 1em;
 		margin-top : 0;
@@ -394,12 +393,12 @@
 			margin-top : 0;
 		}
 	}
-	}
+}
 
-	//*****************************
+//*****************************
-	// *         WIDE
+// *         WIDE
-	// *****************************/
+// *****************************/
-	.page {
+.page {
 	.wide{
 		column-span         : all;
 		display             : block;
@@ -408,5 +407,4 @@
 			margin-top : 0;
 		}
 	}
-	}
 }