From 00a066eafda69fc221e1b1ea2eacbdf3e82120e7 Mon Sep 17 00:00:00 2001
From: Anthony Correa <a@correa.co>
Date: Fri, 7 Feb 2025 15:00:01 -0600
Subject: [PATCH] Refactor Star Wars FFG CSS for improved readability

- Updated the CSS class for the Star Wars FFG sheet to include the .actor class, which will help in styling the actor section.
- Introduced a new .title-card class to style the title card in the actor section.
- Added a new .drag-note class to style the drag note in the actor section.
- Updated the .block-title and .shadow-text classes to use the Teuton Mager font family for improved readability.
- Changed the font-weight of the .characteristic-value, .characteristic-label, .skill-name, and .skillsHeader [class*=pure-u] classes to bold and uppercase for better visibility.
- Removed the .header-name input class, as it was no longer needed.
---
 src/styles/asc-ffg-starwars.css | 40 +++++++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/styles/asc-ffg-starwars.css b/src/styles/asc-ffg-starwars.css
index ad12429..9d23ea5 100644
--- a/src/styles/asc-ffg-starwars.css
+++ b/src/styles/asc-ffg-starwars.css
@@ -77,16 +77,48 @@ body {
 	font-size: 1rem;
 }
 
-.starwarsffg .header-fields .header-name input {
+.starwarsffg.sheet.actor {
+  .header-fields {
 	font-family: 'Elektra Pro';
 	font-weight: bold;
 	text-transform: uppercase;
 	font-style: normal;
-}
 
-.characteristic-value, .characteristic-label {
+    .title-card {
+      text-transform: uppercase;
+      padding: .2rem;
+    }
+
+    input {
+      text-transform: uppercase;
+    }
+
+    .drag-note {
+      font-family: 'Teuton Mager';
+      font-weight: lighter;
+      text-transform: none;
+    }
+  }
+
+  .block-title, .shadow-text {
+    font-family: 'Teuton Mager';
+    font-weight: bold;
+  }
+
+
+
+  .characteristic-value, .characteristic-label, .skill-name, .skillsHeader [class*=pure-u] {
 	font-family: 'Teuton Mager';
-}
+    
+    &[class*=pure-u] {
+      font-weight: bold;
+      text-transform: uppercase;
+    }
+  }
+
+} 
+
+
 
 h1, h2, h3, h4, h5,
 button  {