diff --git a/components/CharacterUnit/index.scss b/components/CharacterUnit/index.scss index 4cab997f..2d104efc 100644 --- a/components/CharacterUnit/index.scss +++ b/components/CharacterUnit/index.scss @@ -22,7 +22,7 @@ border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 14px; cursor: pointer; - transform: scale(1.025, 1.025); + transform: $scale-tall; } .CharacterUnit.filled h3 { diff --git a/components/SummonUnit/index.scss b/components/SummonUnit/index.scss index d7e87d3a..1f1492be 100644 --- a/components/SummonUnit/index.scss +++ b/components/SummonUnit/index.scss @@ -33,12 +33,12 @@ border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 14px; cursor: pointer; - transform: scale(1.05, 1.05); + transform: $scale-wide; } &.main.editable .SummonImage:hover, &.friend.editable .SummonImage:hover { - transform: scale(1.025, 1.025); + transform: $scale-tall; } &.filled h3 { diff --git a/components/WeaponUnit/index.scss b/components/WeaponUnit/index.scss index 34c5ae00..0b3fc9d4 100644 --- a/components/WeaponUnit/index.scss +++ b/components/WeaponUnit/index.scss @@ -20,11 +20,11 @@ border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 14px; cursor: pointer; - transform: scale(1.05, 1.05); + transform: $scale-wide; } .WeaponUnit.mainhand.editable .WeaponImage:hover { - transform: scale(1.025, 1.025); + transform: $scale-tall; } .WeaponUnit.filled h3 { diff --git a/styles/variables.scss b/styles/variables.scss index b5caf4c7..cb23afef 100644 --- a/styles/variables.scss +++ b/styles/variables.scss @@ -26,4 +26,8 @@ $bold: 600; $font-small: 12px; $font-regular: 14px; $font-large: 18px; -$font-xlarge: 21px; \ No newline at end of file +$font-xlarge: 21px; + +// Scale factors +$scale-wide: scale(1.05, 1.05); +$scale-tall: scale(1.012, 1.012); \ No newline at end of file