Messed around with equip button and active item css.

This commit is contained in:
Nick Winter 2014-11-26 07:11:55 -08:00
parent 24ac3050bd
commit 48e78aa0d0

View file

@ -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