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.
This commit is contained in:
2025-02-07 15:00:01 -06:00
parent 5a1f70fe89
commit 00a066eafd

View File

@@ -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 {