Implement most of shield functionality using the armour implementation as a backbone
This commit is contained in:
parent
27d924e336
commit
9d48794b83
9 changed files with 60 additions and 29 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue