Removing css background-position-x usage

Not supported in Firefox or Opera.
This commit is contained in:
Matt Lott 2014-10-03 16:02:50 -07:00
parent 33055ca0b5
commit 530da639d8
3 changed files with 30 additions and 30 deletions

View file

@ -83,58 +83,58 @@ $stashWidth: $totalWidth - $equippedWidth - $stashMargin
background-image: url(/images/pages/game-menu/slot-icons.png)
&[data-slot="misc-1"] .placeholder
background-position-x: -0 * $itemSlotInnerWidth
background-position: (-0 * $itemSlotInnerWidth) 0px
&[data-slot="minion"] .placeholder
background-position-x: -1 * $itemSlotInnerWidth
background-position: (-1 * $itemSlotInnerWidth) 0px
&[data-slot="programming-book"] .placeholder
background-position-x: -2 * $itemSlotInnerWidth
background-position: (-2 * $itemSlotInnerWidth) 0px
&[data-slot="spellbook"] .placeholder
background-position-x: -3 * $itemSlotInnerWidth
background-position: (-3 * $itemSlotInnerWidth) 0px
&[data-slot="misc-0"] .placeholder
background-position-x: -4 * $itemSlotInnerWidth
background-position: (-4 * $itemSlotInnerWidth) 0px
&[data-slot="wrists"] .placeholder
background-position-x: -5 * $itemSlotInnerWidth
background-position: (-5 * $itemSlotInnerWidth) 0px
&[data-slot="left-ring"] .placeholder
background-position-x: -6 * $itemSlotInnerWidth
background-position: (-6 * $itemSlotInnerWidth) 0px
&[data-slot="right-ring"] .placeholder
background-position-x: -7 * $itemSlotInnerWidth
background-position: (-7 * $itemSlotInnerWidth) 0px
&[data-slot="torso"] .placeholder
background-position-x: -8 * $itemSlotInnerWidth
background-position: (-8 * $itemSlotInnerWidth) 0px
&[data-slot="feet"] .placeholder
background-position-x: -9 * $itemSlotInnerWidth
background-position: (-9 * $itemSlotInnerWidth) 0px
&[data-slot="neck"] .placeholder
background-position-x: -10 * $itemSlotInnerWidth
background-position: (-10 * $itemSlotInnerWidth) 0px
&[data-slot="waist"] .placeholder
background-position-x: -11 * $itemSlotInnerWidth
background-position: (-11 * $itemSlotInnerWidth) 0px
&[data-slot="eyes"] .placeholder
background-position-x: -12 * $itemSlotInnerWidth
background-position: (-12 * $itemSlotInnerWidth) 0px
&[data-slot="head"] .placeholder
background-position-x: -13 * $itemSlotInnerWidth
background-position: (-13 * $itemSlotInnerWidth) 0px
&[data-slot="pet"] .placeholder
background-position-x: -14 * $itemSlotInnerWidth
background-position: (-14 * $itemSlotInnerWidth) 0px
&[data-slot="gloves"] .placeholder
background-position-x: -15 * $itemSlotInnerWidth
background-position: (-15 * $itemSlotInnerWidth) 0px
&[data-slot="left-hand"] .placeholder
background-position-x: -16 * $itemSlotInnerWidth
background-position: (-16 * $itemSlotInnerWidth) 0px
&[data-slot="right-hand"] .placeholder
background-position-x: -17 * $itemSlotInnerWidth
background-position: (-17 * $itemSlotInnerWidth) 0px
.item-container
position: absolute

View file

@ -112,21 +112,21 @@
float: left
&.prop-label-icon-pos
background-position-x: -1 * $iconSize
background-position: (-1 * $iconSize) 0px
&.prop-label-icon-target
background-position-x: -2 * $iconSize
background-position: (-2 * $iconSize) 0px
&.prop-label-icon-collectedThangIDs
background-position-x: -3 * $iconSize
background-position: (-3 * $iconSize) 0px
&.prop-label-icon-visualRange
background-position-x: -4 * $iconSize
background-position: (-4 * $iconSize) 0px
&.prop-label-icon-attackDamage
background-position-x: -5 * $iconSize
background-position: (-5 * $iconSize) 0px
&.prop-label-icon-attackRange, &.prop-label-icon-attackNearbyEnemyRange
background-position-x: -6 * $iconSize
background-position: (-6 * $iconSize) 0px
&.prop-label-icon-maxSpeed
background-position-x: -7 * $iconSize
background-position: (-7 * $iconSize) 0px
&.prop-label-icon-gold, &.prop-label-icon-bountyGold
background-position-x: -8 * $iconSize
background-position: (-8 * $iconSize) 0px
.prop-value.bar-prop
width: 100px

View file

@ -222,13 +222,13 @@ $gameControlMargin: 30px
@include box-shadow(0 0 20px white)
&.heroes
background-position-x: -1 * $gameControlSize
background-position: (-1 * $gameControlSize) 0px
&.achievements
background-position-x: -2 * $gameControlSize
background-position: (-2 * $gameControlSize) 0px
&.account
background-position-x: -3 * $gameControlSize
background-position: (-3 * $gameControlSize) 0px
&.settings
background-position-x: -4 * $gameControlSize
background-position: (-4 * $gameControlSize) 0px
.tooltip
font-size: 24px