Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

RC-28 | Abilities | Display

Browse source
This commit is contained in:
Oliver-Akins 2024-12-22 16:44:47 -07:00
parent bfcd843c4e
commit 3672241aec
3 changed files with 94 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

40
Apps/HeroSummaryCardV1/style.css
View file

@ -19,9 +19,10 @@
background: rgba(0,0,0, 0.3);
}
label {
label, .label {
box-sizing: border-box;
padding: 2px 4px;
text-transform: uppercase;
}
.header {
@ -51,4 +52,41 @@
display: grid;
grid-template-rows: subgrid;
}
.abilities {
grid-column: 1 / span 4;
grid-row: 12 / span 4;
display: grid;
/* grid-template-rows: minmax(0, 3fr) minmax(0, 1fr); */
grid-template-columns: repeat(6, minmax(0, 1fr));
.ability {
display: grid;
grid-template-rows: minmax(0, 3fr) minmax(0, 1fr);
justify-items: center;
align-items: center;
}
label, .label {
width: 100%;
text-align: center;
}
}
.compass {
--size: 45px;
width: var(--size);
height: var(--size);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 2px solid black;
border-radius: 50%;
font-size: 1.5rem;
> input {
width: 75%;
}
}
}