hensei-web/components/WeaponHovercard/index.scss

61 lines
955 B
SCSS

.Weapon.HovercardContent {
.skills {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-right: $unit-2x;
.axSkill {
align-items: center;
display: flex;
flex-direction: row;
&.primary img {
height: 64px;
width: 64px;
}
&.secondary {
gap: $unit * 1.5;
img {
height: 36px;
width: 36px;
}
}
span {
font-size: $font-small;
font-weight: $medium;
text-align: center;
}
}
}
.weaponKeys {
display: flex;
flex-direction: column;
font-size: $normal;
gap: $unit-half;
}
.awakening {
display: flex;
flex-direction: column;
gap: $unit-half;
& > div {
align-items: center;
display: flex;
gap: $unit-half;
img {
width: $unit-4x;
}
strong {
font-weight: $bold;
}
}
}
}