vagabond-rpg-foundryvtt/styles/scss/sheets/_actor-sheet.scss
Cal Corum 37300ccf90 Initial project setup for Vagabond RPG Foundry VTT system
- System manifest (system.json) for Foundry v13
- Project structure with module/, templates/, styles/, lang/, packs/
- Docker Compose for local Foundry development environment
- SCSS architecture with parchment theme and accessibility colors
- Base system entry point with CONFIG and Handlebars helpers
- English localization file with all game terms
- Project roadmap with 98 tasks across 11 phases

Phase 0 (Foundation) complete. Ready for Phase 1 (Data Models).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-12 14:32:15 -06:00

84 lines
1.7 KiB
SCSS

// Vagabond RPG - Actor Sheet Styles
// ==================================
// Placeholder - will be expanded in Phase 3
.vagabond.sheet.actor {
min-width: 600px;
min-height: 500px;
.sheet-header {
@include flex-between;
padding: $spacing-4;
background-color: $color-parchment-dark;
border-bottom: 2px solid $color-border;
.profile-img {
width: 100px;
height: 100px;
object-fit: cover;
border: 2px solid $color-border;
border-radius: $radius-md;
}
.header-fields {
flex: 1;
margin-left: $spacing-4;
}
}
}
// Character sheet specific
.vagabond.sheet.actor.character {
// Stats column (left side, matching official sheet)
.stats-column {
@include flex-column;
gap: $spacing-3;
padding: $spacing-4;
background-color: $color-parchment-dark;
border-right: 2px solid $color-border;
.stat-block {
text-align: center;
.stat-label {
font-family: $font-family-header;
font-size: $font-size-xs;
font-weight: $font-weight-bold;
text-transform: uppercase;
letter-spacing: 0.05em;
color: $color-text-secondary;
margin-bottom: $spacing-1;
}
.stat-value {
@include stat-badge;
margin: 0 auto;
}
}
}
}
// NPC/Monster sheet specific
.vagabond.sheet.actor.npc {
min-width: 400px;
.stat-block-display {
@include panel;
padding: $spacing-4;
.stat-line {
@include flex-between;
padding: $spacing-1 0;
border-bottom: 1px solid $color-border-light;
&:last-child {
border-bottom: none;
}
.label {
font-weight: $font-weight-semibold;
}
}
}
}