From 7db7dcad3d3da15ec97fa9bd5c1e792cb1c653fa Mon Sep 17 00:00:00 2001
From: Ian Merryweather <mrianmerry@gmail.com>
Date: Wed, 31 Aug 2022 16:36:41 +0100
Subject: [PATCH] feat: Spell information tabs

---
 D&D_BECM/BDnDSheet.css | 62 ++++++++++++++++++++----------------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/D&D_BECM/BDnDSheet.css b/D&D_BECM/BDnDSheet.css
index a4e997b0fa..9e1bbcdcf1 100644
--- a/D&D_BECM/BDnDSheet.css
+++ b/D&D_BECM/BDnDSheet.css
@@ -6,9 +6,12 @@
 	--header-text: var(--color-surface1);
 	--is-player-character: #65763c;
 	--not-player-character: #93537c;
-	--selected-spell-level-background: #009e73;
+	--repeating-section-background: #eeeeee;
+	--selected-spell-effect: #879a6a;
+	--selected-spell-level: #009e73;
 	--selected-tab-background: #ab8b57;
-	--unselected-spell-level-background: #56b4e9;
+	--unselected-spell-effect: #8c6075;
+	--unselected-spell-level: #56b4e9;
 	--unselected-tab-background: #4a6486;
 }
 
@@ -372,7 +375,7 @@ input.sheet-spelltab7:checked ~ span.sheet-spelltab7,
 input.sheet-spelltab8:checked ~ span.sheet-spelltab8,
 input.sheet-spelltab9:checked ~ span.sheet-spelltab9,
 input.sheet-spelltab99:checked ~ span.sheet-spelltab99 {
-	background: var(--selected-spell-level-background);
+	background: var(--selected-spell-level);
 }
 
 input.sheet-spellpagetab {
@@ -385,7 +388,7 @@ input.sheet-spellpagetab {
 }
 
 span.sheet-spellpagetab {
-	background: var(--unselected-spell-level-background);
+	background: var(--unselected-spell-level);
 	border-radius: 4px;
 	color: var(--header-text);
 	cursor: pointer;
@@ -408,69 +411,64 @@ span.sheet-spellpagetab {
 /* End Spell Page Settings */
 
 /* Borders for spell page and class action repeating section rows */
-div[data-groupname^="repeating_spellbook"] .repitem,
+div[class^="sheet-classaction-row"],
 div[data-groupname^="repeating_classactions"] .repitem,
-.sheet-npc-row,
-div[class^="sheet-classaction-row"] {
-	border: 1px solid #000000;
+div[data-groupname^="repeating_spellbook"] .repitem,
+.sheet-npc-row {
+	background: var(--repeating-section-background);
+	border: var(--border) 1px solid;
 	border-radius: 12px;
-	margin-left: 1px;
 	margin-bottom: 5px;
-	background: #eee;
+	margin-left: 1px;
 }
 
-/* spell type tab Settings */
-
+/* Spell Type Tab Settings */
 div[class^="sheet-spell-type"] {
 	display: none;
 }
 
 input.sheet-spelltypeadvanced:checked ~ div.sheet-spell-type-advanced,
 input.sheet-spelltypeattack:checked ~ div.sheet-spell-type-attack,
-input.sheet-spelltypesave:checked ~ div.sheet-spell-type-save,
 input.sheet-spelltypedamage:checked ~ div.sheet-spell-type-damage,
+input.sheet-spelltypeeffects:checked ~ div.sheet-spell-type-effects,
 input.sheet-spelltypeheal:checked ~ div.sheet-spell-type-heal,
-input.sheet-spelltypeeffects:checked ~ div.sheet-spell-type-effects {
+input.sheet-spelltypesave:checked ~ div.sheet-spell-type-save {
 	display: block;
 }
 
 input.sheet-spelltypeadvanced:checked ~ span.sheet-spelltypeadvanced,
 input.sheet-spelltypeattack:checked ~ span.sheet-spelltypeattack,
-input.sheet-spelltypesave:checked ~ span.sheet-spelltypesave,
 input.sheet-spelltypedamage:checked ~ span.sheet-spelltypedamage,
+input.sheet-spelltypeeffects:checked ~ span.sheet-spelltypeeffects,
 input.sheet-spelltypeheal:checked ~ span.sheet-spelltypeheal,
-input.sheet-spelltypeeffects:checked ~ span.sheet-spelltypeeffects {
-	background: #879a6a;
-	color: white;
-	border-radius: 4px;
+input.sheet-spelltypesave:checked ~ span.sheet-spelltypesave {
+	background: var(--selected-spell-effect);
 }
 
 input.sheet-spelltypetab {
-	width: 119px;
-	height: 20px;
 	cursor: pointer;
-	position: relative;
+	height: 20px;
 	opacity: 0;
+	position: relative;
+	width: 119px;
 	z-index: 999;
 }
 
 span.sheet-spelltypetab {
-	text-align: center;
+	background: var(--unselected-spell-effect);
+	border-radius: 4px;
+	color: var(--header-text);
+	cursor: pointer;
 	display: inline-block;
 	font-size: 13px;
-	background: #8c6075;
-	color: white;
 	font-weight: bold;
-	border-radius: 4px;
-
-	width: 119px;
 	height: 20px;
-	cursor: pointer;
-	position: relative;
 	margin-left: -121px;
+	position: relative;
+	text-align: center;
+	width: 119px;
 }
-
-/* END spell type tab Settings */
+/* End Spell Type Tab Settings */
 
 /* Inventory Page Settings */
 div[class^="sheet-inventory-page"] {