* Properly send draconic key 3 to API * Show key images over Draconic Weapons Providence * Show key images in hovercards
87 lines
1.3 KiB
SCSS
87 lines
1.3 KiB
SCSS
.content {
|
|
section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $unit-half;
|
|
}
|
|
|
|
.awakening {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $unit-half;
|
|
}
|
|
|
|
.skill {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: $unit-half;
|
|
|
|
img {
|
|
width: $unit-4x;
|
|
}
|
|
|
|
strong {
|
|
font-weight: $bold;
|
|
}
|
|
|
|
&.axSkill .axImageWrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: $unit-4x;
|
|
height: $unit-4x;
|
|
}
|
|
|
|
&.axSkill.secondary .axImageWrapper {
|
|
img {
|
|
width: $unit-3x;
|
|
height: $unit-3x;
|
|
}
|
|
}
|
|
}
|
|
|
|
.skills {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding-right: $unit-2x;
|
|
|
|
&.secondary {
|
|
gap: $unit * 1.5;
|
|
|
|
img {
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
}
|
|
|
|
span {
|
|
font-size: $font-small;
|
|
font-weight: $medium;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.weaponKeys {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: $normal;
|
|
gap: $unit;
|
|
|
|
.weaponKey {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: $unit;
|
|
|
|
.icon img {
|
|
width: $unit-3x;
|
|
height: $unit-3x;
|
|
}
|
|
|
|
span {
|
|
font-weight: $medium;
|
|
}
|
|
}
|
|
}
|
|
}
|