From 76a6c9c2d39ab5f02c1a163f41b9ddc503e66579 Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Sun, 15 Aug 2021 19:52:12 -0500
Subject: [PATCH 1/4] Remove :before on .note

Move all properties from :before to the base .note....don't see a need to add a superfluous pseudo element.
---
 themes/5ePhb.style.less | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less
index 095d7c568..629886e4c 100644
--- a/themes/5ePhb.style.less
+++ b/themes/5ePhb.style.less
@@ -199,20 +199,12 @@ body {
 	// *            NOTE
 	// *****************************/
 	.note{
-		&::before{
-			content             : "";
-			box-sizing          : border-box;
-			border-style        : solid;
-			border-width        : 11px;
-			border-image        : @noteBorderImage 12;
-			border-image-outset : 9px 0px;
-			box-shadow          : 1px 4px 14px #888;
-			position            : absolute;
-			width               : 100%;
-			height              : 100%;
-			top                 : 0;
-			left                : 0;
-		}
+		box-sizing          : border-box;
+		border-style        : solid;
+		border-width        : 11px;
+		border-image        : @noteBorderImage 12;
+		border-image-outset : 9px 0px;
+		box-shadow          : 1px 4px 14px #888;
 		.useSansSerif();
 		position            : relative;
 		margin-top          : 1.3em;

From 0773dd24ab600844a4bbfb09737e09327f035a8c Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Sun, 15 Aug 2021 19:57:20 -0500
Subject: [PATCH 2/4] change box-shadows to drop-shadows

monster blocks, descriptive notes, regular notes.
---
 themes/5ePhb.style.less | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less
index 629886e4c..d50349f46 100644
--- a/themes/5ePhb.style.less
+++ b/themes/5ePhb.style.less
@@ -204,7 +204,7 @@ body {
 		border-width        : 11px;
 		border-image        : @noteBorderImage 12;
 		border-image-outset : 9px 0px;
-		box-shadow          : 1px 4px 14px #888;
+		filter              : drop-shadow(1px 4px 6px #888);
 		.useSansSerif();
 		position            : relative;
 		margin-top          : 1.3em;
@@ -239,7 +239,7 @@ body {
 		border-width        : 7px;
 		border-image        : @descriptiveBoxImage 12 stretch;
 		border-image-outset : 4px;
-		box-shadow          : 0px 0px 6px #faf7ea;
+		filter              : drop-shadow(0 0 3px #faf7ea);
 		padding             : 0.1em;
 		& + * {
 			margin-top : 1.4em;
@@ -297,7 +297,7 @@ body {
 			border-image-outset   : 0px 2px;
 			background-blend-mode : overlay;
 			background-attachment : fixed;
-			box-shadow            : 1px 4px 14px #888;
+			filter                : drop-shadow(1px 4px 6px #888);
 			padding               : 4px 2px;
 			margin                : 0px -6px 1em;
 		}

From 1b7729ca010b3b5f4b0b9f507269d5dfddafdec7 Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Sun, 15 Aug 2021 20:17:15 -0500
Subject: [PATCH 3/4] reverting change to .note:before

setting back to what it was.  apparently :before is necessary due to border-image spacing.
---
 themes/5ePhb.style.less | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less
index d50349f46..b736056b0 100644
--- a/themes/5ePhb.style.less
+++ b/themes/5ePhb.style.less
@@ -199,12 +199,20 @@ body {
 	// *            NOTE
 	// *****************************/
 	.note{
-		box-sizing          : border-box;
-		border-style        : solid;
-		border-width        : 11px;
-		border-image        : @noteBorderImage 12;
-		border-image-outset : 9px 0px;
-		filter              : drop-shadow(1px 4px 6px #888);
+		&::before{
+			content             : "";
+			box-sizing          : border-box;
+			border-style        : solid;
+			border-width        : 11px;
+			border-image        : @noteBorderImage 12;
+			border-image-outset : 9px 0px;
+			filter              : drop-shadow(1px 4px 6px #888);
+			position            : absolute;
+			width               : 100%;
+			height              : 100%;
+			top                 : 0;
+			left                : 0;
+		}
 		.useSansSerif();
 		position            : relative;
 		margin-top          : 1.3em;

From a3354e961494ebd73f084ffde5ea9a2c303520c7 Mon Sep 17 00:00:00 2001
From: Trevor Buckner <calculuschild@gmail.com>
Date: Wed, 25 Aug 2021 21:46:59 -0400
Subject: [PATCH 4/4] Move `.note` shadow to main box, not `::before` element.

---
 themes/5ePhb.style.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less
index a42d81add..6405a2efc 100644
--- a/themes/5ePhb.style.less
+++ b/themes/5ePhb.style.less
@@ -206,7 +206,6 @@ body {
 			border-width        : 11px;
 			border-image        : @noteBorderImage 12;
 			border-image-outset : 9px 0px;
-			filter              : drop-shadow(1px 4px 6px #888);
 			position            : absolute;
 			width               : 100%;
 			height              : 100%;
@@ -219,6 +218,7 @@ body {
 		margin-left         : -0.1em;
 		margin-right        : -0.1em;
 		background-color    : @noteGreen;
+		filter              : drop-shadow(1px 4px 6px #888);
 		padding             : 0.5em 0.6em;
 		& + * {
 			margin-top : 1.3em;