hensei-web/components/weapon/WeaponHovercard/index.module.scss
Justin Edmund b665d005d5
Hotfix issues regarding Draconic Weapons (#394)
* Properly send draconic key 3 to API
* Show key images over Draconic Weapons Providence
* Show key images in hovercards
2023-12-30 07:28:33 -08:00

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;
}
}
}
}