37300ccf90
- 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>
102 lines
1.8 KiB
SCSS
102 lines
1.8 KiB
SCSS
// Vagabond RPG - Item Sheet Styles
|
|
// =================================
|
|
|
|
// Placeholder - will be expanded in Phase 4
|
|
.vagabond.sheet.item {
|
|
min-width: 400px;
|
|
min-height: 300px;
|
|
|
|
.sheet-header {
|
|
@include flex-between;
|
|
padding: $spacing-4;
|
|
background-color: $color-parchment-dark;
|
|
border-bottom: 2px solid $color-border;
|
|
|
|
.item-img {
|
|
width: 60px;
|
|
height: 60px;
|
|
object-fit: cover;
|
|
border: 2px solid $color-border;
|
|
border-radius: $radius-md;
|
|
}
|
|
|
|
.header-fields {
|
|
flex: 1;
|
|
margin-left: $spacing-4;
|
|
}
|
|
}
|
|
|
|
.sheet-body {
|
|
padding: $spacing-4;
|
|
}
|
|
|
|
// Item description
|
|
.item-description {
|
|
.editor {
|
|
min-height: 150px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Spell item specific
|
|
.vagabond.sheet.item.spell {
|
|
.spell-details {
|
|
@include grid(2);
|
|
margin-bottom: $spacing-4;
|
|
}
|
|
|
|
.delivery-options {
|
|
margin-bottom: $spacing-4;
|
|
|
|
.option-grid {
|
|
@include grid(3, $spacing-2);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Perk item specific
|
|
.vagabond.sheet.item.perk {
|
|
.prerequisites {
|
|
@include panel;
|
|
padding: $spacing-3;
|
|
margin-bottom: $spacing-4;
|
|
|
|
.prereq-list {
|
|
@include flex-column;
|
|
gap: $spacing-2;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Weapon item specific
|
|
.vagabond.sheet.item.weapon {
|
|
.weapon-properties {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: $spacing-2;
|
|
margin-bottom: $spacing-4;
|
|
|
|
.property-tag {
|
|
padding: $spacing-1 $spacing-2;
|
|
font-size: $font-size-sm;
|
|
background-color: $color-parchment-dark;
|
|
border: 1px solid $color-border;
|
|
border-radius: $radius-full;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Class item specific
|
|
.vagabond.sheet.item.class {
|
|
.progression-table {
|
|
width: 100%;
|
|
margin-bottom: $spacing-4;
|
|
|
|
th {
|
|
position: sticky;
|
|
top: 0;
|
|
background-color: $color-parchment-dark;
|
|
}
|
|
}
|
|
}
|