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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user