mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-24 16:17:57 -05:00
Removing css background-position-x usage
Not supported in Firefox or Opera.
This commit is contained in:
parent
33055ca0b5
commit
530da639d8
3 changed files with 30 additions and 30 deletions
|
@ -83,58 +83,58 @@ $stashWidth: $totalWidth - $equippedWidth - $stashMargin
|
||||||
background-image: url(/images/pages/game-menu/slot-icons.png)
|
background-image: url(/images/pages/game-menu/slot-icons.png)
|
||||||
|
|
||||||
&[data-slot="misc-1"] .placeholder
|
&[data-slot="misc-1"] .placeholder
|
||||||
background-position-x: -0 * $itemSlotInnerWidth
|
background-position: (-0 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="minion"] .placeholder
|
&[data-slot="minion"] .placeholder
|
||||||
background-position-x: -1 * $itemSlotInnerWidth
|
background-position: (-1 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="programming-book"] .placeholder
|
&[data-slot="programming-book"] .placeholder
|
||||||
background-position-x: -2 * $itemSlotInnerWidth
|
background-position: (-2 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="spellbook"] .placeholder
|
&[data-slot="spellbook"] .placeholder
|
||||||
background-position-x: -3 * $itemSlotInnerWidth
|
background-position: (-3 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="misc-0"] .placeholder
|
&[data-slot="misc-0"] .placeholder
|
||||||
background-position-x: -4 * $itemSlotInnerWidth
|
background-position: (-4 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="wrists"] .placeholder
|
&[data-slot="wrists"] .placeholder
|
||||||
background-position-x: -5 * $itemSlotInnerWidth
|
background-position: (-5 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="left-ring"] .placeholder
|
&[data-slot="left-ring"] .placeholder
|
||||||
background-position-x: -6 * $itemSlotInnerWidth
|
background-position: (-6 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="right-ring"] .placeholder
|
&[data-slot="right-ring"] .placeholder
|
||||||
background-position-x: -7 * $itemSlotInnerWidth
|
background-position: (-7 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="torso"] .placeholder
|
&[data-slot="torso"] .placeholder
|
||||||
background-position-x: -8 * $itemSlotInnerWidth
|
background-position: (-8 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="feet"] .placeholder
|
&[data-slot="feet"] .placeholder
|
||||||
background-position-x: -9 * $itemSlotInnerWidth
|
background-position: (-9 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="neck"] .placeholder
|
&[data-slot="neck"] .placeholder
|
||||||
background-position-x: -10 * $itemSlotInnerWidth
|
background-position: (-10 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="waist"] .placeholder
|
&[data-slot="waist"] .placeholder
|
||||||
background-position-x: -11 * $itemSlotInnerWidth
|
background-position: (-11 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="eyes"] .placeholder
|
&[data-slot="eyes"] .placeholder
|
||||||
background-position-x: -12 * $itemSlotInnerWidth
|
background-position: (-12 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="head"] .placeholder
|
&[data-slot="head"] .placeholder
|
||||||
background-position-x: -13 * $itemSlotInnerWidth
|
background-position: (-13 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="pet"] .placeholder
|
&[data-slot="pet"] .placeholder
|
||||||
background-position-x: -14 * $itemSlotInnerWidth
|
background-position: (-14 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="gloves"] .placeholder
|
&[data-slot="gloves"] .placeholder
|
||||||
background-position-x: -15 * $itemSlotInnerWidth
|
background-position: (-15 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="left-hand"] .placeholder
|
&[data-slot="left-hand"] .placeholder
|
||||||
background-position-x: -16 * $itemSlotInnerWidth
|
background-position: (-16 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
&[data-slot="right-hand"] .placeholder
|
&[data-slot="right-hand"] .placeholder
|
||||||
background-position-x: -17 * $itemSlotInnerWidth
|
background-position: (-17 * $itemSlotInnerWidth) 0px
|
||||||
|
|
||||||
.item-container
|
.item-container
|
||||||
position: absolute
|
position: absolute
|
||||||
|
|
|
@ -112,21 +112,21 @@
|
||||||
float: left
|
float: left
|
||||||
|
|
||||||
&.prop-label-icon-pos
|
&.prop-label-icon-pos
|
||||||
background-position-x: -1 * $iconSize
|
background-position: (-1 * $iconSize) 0px
|
||||||
&.prop-label-icon-target
|
&.prop-label-icon-target
|
||||||
background-position-x: -2 * $iconSize
|
background-position: (-2 * $iconSize) 0px
|
||||||
&.prop-label-icon-collectedThangIDs
|
&.prop-label-icon-collectedThangIDs
|
||||||
background-position-x: -3 * $iconSize
|
background-position: (-3 * $iconSize) 0px
|
||||||
&.prop-label-icon-visualRange
|
&.prop-label-icon-visualRange
|
||||||
background-position-x: -4 * $iconSize
|
background-position: (-4 * $iconSize) 0px
|
||||||
&.prop-label-icon-attackDamage
|
&.prop-label-icon-attackDamage
|
||||||
background-position-x: -5 * $iconSize
|
background-position: (-5 * $iconSize) 0px
|
||||||
&.prop-label-icon-attackRange, &.prop-label-icon-attackNearbyEnemyRange
|
&.prop-label-icon-attackRange, &.prop-label-icon-attackNearbyEnemyRange
|
||||||
background-position-x: -6 * $iconSize
|
background-position: (-6 * $iconSize) 0px
|
||||||
&.prop-label-icon-maxSpeed
|
&.prop-label-icon-maxSpeed
|
||||||
background-position-x: -7 * $iconSize
|
background-position: (-7 * $iconSize) 0px
|
||||||
&.prop-label-icon-gold, &.prop-label-icon-bountyGold
|
&.prop-label-icon-gold, &.prop-label-icon-bountyGold
|
||||||
background-position-x: -8 * $iconSize
|
background-position: (-8 * $iconSize) 0px
|
||||||
|
|
||||||
.prop-value.bar-prop
|
.prop-value.bar-prop
|
||||||
width: 100px
|
width: 100px
|
||||||
|
|
|
@ -222,13 +222,13 @@ $gameControlMargin: 30px
|
||||||
@include box-shadow(0 0 20px white)
|
@include box-shadow(0 0 20px white)
|
||||||
|
|
||||||
&.heroes
|
&.heroes
|
||||||
background-position-x: -1 * $gameControlSize
|
background-position: (-1 * $gameControlSize) 0px
|
||||||
&.achievements
|
&.achievements
|
||||||
background-position-x: -2 * $gameControlSize
|
background-position: (-2 * $gameControlSize) 0px
|
||||||
&.account
|
&.account
|
||||||
background-position-x: -3 * $gameControlSize
|
background-position: (-3 * $gameControlSize) 0px
|
||||||
&.settings
|
&.settings
|
||||||
background-position-x: -4 * $gameControlSize
|
background-position: (-4 * $gameControlSize) 0px
|
||||||
|
|
||||||
.tooltip
|
.tooltip
|
||||||
font-size: 24px
|
font-size: 24px
|
||||||
|
|
Loading…
Reference in a new issue