Implement most of shield functionality using the armour implementation as a backbone

This commit is contained in:
Oliver-Akins 2025-01-19 16:13:28 -07:00
parent 27d924e336
commit 9d48794b83
9 changed files with 60 additions and 29 deletions

View file

@ -237,11 +237,17 @@
/* Positioning */
.head, .body, .legs { grid-column: 1; }
.arms, .shield { grid-column: 2; }
.arms { grid-column: 2; }
.head { grid-row: 1; }
.body, .arms { grid-row: 2; }
.legs, .shield { grid-row: 3; }
.shield { align-self: end; }
.legs { grid-row: 3; }
.shield {
--distance: -7px;
position: absolute;
top: var(--distance);
right: var(--distance);
}
.armour-items {
display: contents;