diff --git a/components/WeaponLabelIcon/index.scss b/components/WeaponLabelIcon/index.scss index 231f9b5e..e8351a73 100644 --- a/components/WeaponLabelIcon/index.scss +++ b/components/WeaponLabelIcon/index.scss @@ -3,77 +3,77 @@ background-size: 60px 25px; height: 25px; width: 60px; -} - -/* Elements */ - -.fire { - background-image: url('/labels/element/Label_Element_Fire.png') -} - -.water { - background-image: url('/labels/element/Label_Element_Water.png') -} - -.earth { - background-image: url('/labels/element/Label_Element_Earth.png') -} - -.wind { - background-image: url('/labels/element/Label_Element_Wind.png') -} - -.dark { - background-image: url('/labels/element/Label_Element_Dark.png') -} - -.light { - background-image: url('/labels/element/Label_Element_Light.png') -} - -.null { - background-image: url('/labels/element/Label_Element_Any.png') -} - -/* Proficiencies */ - -.sword { - background-image: url('/labels/proficiency/Label_Weapon_Sabre.png') -} - -.dagger { - background-image: url('/labels/proficiency/Label_Weapon_Dagger.png') -} - -.axe { - background-image: url('/labels/proficiency/Label_Weapon_Axe.png') -} - -.spear { - background-image: url('/labels/proficiency/Label_Weapon_Spear.png') -} - -.staff { - background-image: url('/labels/proficiency/Label_Weapon_Staff.png') -} - -.fist { - background-image: url('/labels/proficiency/Label_Weapon_Melee.png') -} - -.harp { - background-image: url('/labels/proficiency/Label_Weapon_Harp.png') -} - -.gun { - background-image: url('/labels/proficiency/Label_Weapon_Gun.png') -} - -.bow { - background-image: url('/labels/proficiency/Label_Weapon_Bow.png') -} - -.katana { - background-image: url('/labels/proficiency/Label_Weapon_Katana.png') + + /* Elements */ + + &.fire { + background-image: url('/labels/element/Label_Element_Fire.png') + } + + &.water { + background-image: url('/labels/element/Label_Element_Water.png') + } + + &.earth { + background-image: url('/labels/element/Label_Element_Earth.png') + } + + &.wind { + background-image: url('/labels/element/Label_Element_Wind.png') + } + + &.dark { + background-image: url('/labels/element/Label_Element_Dark.png') + } + + &.light { + background-image: url('/labels/element/Label_Element_Light.png') + } + + &.null { + background-image: url('/labels/element/Label_Element_Any.png') + } + + /* Proficiencies */ + + &.sword { + background-image: url('/labels/proficiency/Label_Weapon_Sabre.png') + } + + &.dagger { + background-image: url('/labels/proficiency/Label_Weapon_Dagger.png') + } + + &.axe { + background-image: url('/labels/proficiency/Label_Weapon_Axe.png') + } + + &.spear { + background-image: url('/labels/proficiency/Label_Weapon_Spear.png') + } + + &.staff { + background-image: url('/labels/proficiency/Label_Weapon_Staff.png') + } + + &.fist { + background-image: url('/labels/proficiency/Label_Weapon_Melee.png') + } + + &.harp { + background-image: url('/labels/proficiency/Label_Weapon_Harp.png') + } + + &.gun { + background-image: url('/labels/proficiency/Label_Weapon_Gun.png') + } + + &.bow { + background-image: url('/labels/proficiency/Label_Weapon_Bow.png') + } + + &.katana { + background-image: url('/labels/proficiency/Label_Weapon_Katana.png') + } }