mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-04-14 05:55:00 -04:00
Messed around with equip button and active item css.
This commit is contained in:
parent
24ac3050bd
commit
48e78aa0d0
1 changed files with 18 additions and 5 deletions
|
@ -341,6 +341,18 @@ $itemSlotGridHeight: 70px
|
|||
position: relative
|
||||
width: 60px
|
||||
|
||||
&:not(.equipped):not(.restricted):not(.locked):not(.silhouette)
|
||||
cursor: pointer
|
||||
|
||||
&:hover
|
||||
padding: 0
|
||||
img
|
||||
margin: 1px
|
||||
button
|
||||
margin-top: -2px
|
||||
height: 19px
|
||||
font-size: 12px
|
||||
|
||||
img
|
||||
width: 56px
|
||||
height: 56px
|
||||
|
@ -354,10 +366,15 @@ $itemSlotGridHeight: 70px
|
|||
font-size: 11px
|
||||
border-radius: 1px
|
||||
padding: 0
|
||||
|
||||
@include transition(0.1s ease)
|
||||
|
||||
&.active
|
||||
background-color: rgb(81,153,236)
|
||||
|
||||
button
|
||||
background-color: lighten(rgb(89,136,47), 10%)
|
||||
box-shadow: 1px 1px 4px #333
|
||||
color: white
|
||||
|
||||
//.status-message .should-equip-message
|
||||
// display: inline
|
||||
|
@ -375,7 +392,6 @@ $itemSlotGridHeight: 70px
|
|||
&.equipped
|
||||
background-color: #ff5
|
||||
display: none
|
||||
cursor: default
|
||||
|
||||
//.item-view
|
||||
// cursor: default
|
||||
|
@ -385,7 +401,6 @@ $itemSlotGridHeight: 70px
|
|||
|
||||
&.restricted
|
||||
background-color: rgba(190, 190, 190, 1)
|
||||
cursor: default
|
||||
@include filter(contrast(50%) brightness(100%))
|
||||
|
||||
//.item-view
|
||||
|
@ -395,11 +410,9 @@ $itemSlotGridHeight: 70px
|
|||
// display: inline
|
||||
|
||||
&.locked
|
||||
cursor: default
|
||||
//background-color: gray
|
||||
|
||||
&.silhouette
|
||||
cursor: default
|
||||
pointer-events: none
|
||||
@include filter(contrast(25%) brightness(25%))
|
||||
opacity: 0.5
|
||||
|
|
Loading…
Add table
Reference in a new issue