mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-24 08:08:15 -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)
|
||||
|
||||
&[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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue