member
1,308
edits
Template:ItemCard/styles.css: Difference between revisions
m
Test changes
Lightning266 (talk | contribs) mNo edit summary |
Lightning266 (talk | contribs) m (Test changes) |
||
| Line 10: | Line 10: | ||
} | } | ||
/* Flex container for stat chips */ | |||
.itemcard-chips { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 5px; | |||
} | |||
/* Base chip style */ | |||
.itemcard-chip { | |||
display: inline-block; | |||
border-radius: 8px; | |||
padding: 3px 6px; | |||
white-space: nowrap; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
color: #fff; | |||
} | |||
/* Individual stat colors */ | |||
.itemcard-chip.str { background-color: #e28080; } | |||
.itemcard-chip.dex { background-color: #80b4e2; } | |||
.itemcard-chip.int { background-color: #c080e2; } | |||
.itemcard-chip.luk { background-color: #d9b100; } | |||
.itemcard-chip.vit { background-color: #80e2a7; } | |||
.itemcard-chip.agi { background-color: #f5a742; } | |||
/* Keep for legacy use or icon formatting */ | |||
.itemcard-icon { | .itemcard-icon { | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* Optional: for other inline stat displays */ | |||
.itemcard-stat { | .itemcard-stat { | ||
display: inline-block; | display: inline-block; | ||
| Line 25: | Line 53: | ||
} | } | ||
/* Optional legacy theme block */ | |||
.simple-style { | .simple-style { | ||
background-color: #fdf6e3; | background-color: #fdf6e3; | ||