View source for Template:Skill bar

<includeonly><div class="d-flex flex-wrap" style="overflow-x: auto; row-gap: 1rem; column-gap: 1rem;">
<div class="d-flex flex-column" style="row-gap: 0.5rem;">
<!--<div class="skill-bar-heading">Defense</div>-->
<div class="skill-container">{{Skill no text|{{{defense|}}}|defense}}</div>
</div>
<div class="d-flex flex-column" style="row-gap: 0.5rem;">
<!--<div class="skill-bar-heading">Skills</div>-->
<div class="d-flex" style="column-gap: 0.5rem">
<div class="skill-container">{{Skill no text|{{{active 1|}}}|active}}<span class="skill-number">1</span></div>
<div class="skill-container">{{Skill no text|{{{active 2|}}}|active}}<span class="skill-number">2</span></div>
<div class="skill-container">{{Skill no text|{{{active 3|}}}|active}}<span class="skill-number">3</span></div>
<div class="skill-container">{{Skill no text|{{{active 4|}}}|active}}<span class="skill-number">4</span></div>
<div class="skill-container">{{Skill no text|{{{active 5|}}}|active}}<span class="skill-number">5</span></div>
<div class="skill-container">{{Skill no text|{{{active 6|}}}|active}}<span class="skill-number">6</span></div>
</div>
<div class="d-flex" style="column-gap: 0.5rem;">
<div class="skill-container">{{Skill no text|{{{active 7|}}}|active}}<span class="skill-number">7</span></div>
<div class="skill-container">{{Skill no text|{{{active 8|}}}|active}}<span class="skill-number">8</span></div>
<div class="skill-container">{{Skill no text|{{{active 9|}}}|active}}<span class="skill-number">9</span></div>
<div class="skill-container">{{Skill no text|{{{active 10|}}}|active}}<span class="skill-number">10</span></div>
<div class="skill-container">{{Skill no text|{{{active 11|}}}|active}}<span class="skill-number">11</span></div>
<div class="skill-container">{{Skill no text|{{{active 12|}}}|active}}<span class="skill-number">12</span></div>
</div>
</div>
<div class="d-flex flex-column" style="row-gap: 0.5rem;">
<!--<div class="skill-bar-heading">Passives</div>-->
<div class="d-flex" style="column-gap: 0.5rem;">
<div class="skill-container">{{Skill no text|{{{passive 1|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 2|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 3|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 4|}}}|passive}}</div>
</div>
<div class="d-flex" style="column-gap: 0.5rem;">
<div class="skill-container">{{Skill no text|{{{passive 5|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 6|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 7|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 8|}}}|passive}}</div>
</div>
</div>
</div>{{#set:Has defense skill={{{defense|}}}}}{{#set:Has active skills={{{active 1|}}}}}{{#set:Has active skills={{{active 2|}}}}}{{#set:Has active skills={{{active 3|}}}}}{{#set:Has active skills={{{active 4|}}}}}{{#set:Has active skills={{{active 5|}}}}}{{#set:Has active skills={{{active 6|}}}}}{{#set:Has active skills={{{active 7|}}}}}{{#set:Has active skills={{{active 8|}}}}}{{#set:Has active skills={{{active 9|}}}}}{{#set:Has active skills={{{active 10|}}}}}{{#set:Has active skills={{{active 11|}}}}}{{#set:Has active skills={{{active 12|}}}}}{{#set:Has passive skills={{{passive 1|}}}}}{{#set:Has passive skills={{{passive 2|}}}}}{{#set:Has passive skills={{{passive 3|}}}}}{{#set:Has passive skills={{{passive 4|}}}}}{{#set:Has passive skills={{{passive 5|}}}}}{{#set:Has passive skills={{{passive 6|}}}}}{{#set:Has passive skills={{{passive 7|}}}}}{{#set:Has passive skills={{{passive 8|}}}}}</includeonly>