Add the primitive dropdown styling for the skills

This commit is contained in:
Oliver-Akins 2023-11-26 13:11:02 -07:00
parent 31b2ccedc8
commit 6381b51990
14 changed files with 179 additions and 67 deletions

View file

@ -35,6 +35,12 @@
}
&--skills {
grid-area: skills;
.panel__content {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, min-content));
}
}
&--backpack {
grid-area: backpack;

View file

@ -0,0 +1,22 @@
.dotdungeon .skill {
display: flex;
flex-direction: column;
justify-content: left;
align-items: center;
&-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 8px;
gap: 4px;
h3 {
margin-top: 8px;
font-size: 1.2em;
width: 100%;
text-align: center;
}
}
}