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

RC-58 | Grip Skills | Setup

Browse source
This commit is contained in:
Oliver-Akins 2025-01-01 15:50:13 -07:00
parent dc47c430d5
commit 5786bc076a
2 changed files with 27 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
Apps/HeroSkillsCardV1/content.hbs
View file

@ -3,7 +3,7 @@
<span>Grit Skills</span> <span>Grit Skills</span>
<span class="small">Rank</span> <span class="small">Rank</span>
</div> </div>
<ol class="skill-list grit-skills"> <ol class="skill-list even grit-skills">
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
@ -14,7 +14,18 @@
<span>Gait Skills</span> <span>Gait Skills</span>
<span class="small">Rank</span> <span class="small">Rank</span>
</div> </div>
<ol class="skill-list gait-skills"> <ol class="skill-list even gait-skills">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<div class="label col-header skill-list-header grip-skills-header">
<span>Grip Skills</span>
<span class="small">Rank</span>
</div>
<ol class="skill-list odd grip-skills">
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>

15
Apps/HeroSkillsCardV1/style.css
View file

@ -37,11 +37,15 @@
align-items: center; align-items: center;
} }
.skill-list { .skill-list {
display: grid;
grid-template-rows: subgrid;
& > li { & > li {
padding-left: 4px; padding-left: 4px;
} }
& > :nth-child(even) { &.even > :nth-child(even),
&.odd > :nth-child(odd) {
background: var(--alt-row-background); background: var(--alt-row-background);
color: var(--alt-row-text); color: var(--alt-row-text);
} }
@ -55,4 +59,13 @@
grid-column: 2 / span 1; grid-column: 2 / span 1;
grid-row: 2 / span 4; grid-row: 2 / span 4;
} }
.grip-skills-header {
grid-column: 1 / span 1;
grid-row: 6 / span 1;
}
.grip-skills {
grid-column: 1 / span 1;
grid-row: 7 / span 4;
}
} }