@import "app/styles/mixins" @import "app/styles/bootstrap/mixins" #gold-view position: absolute right: 46% top: 42px user-select: none -webkit-user-select: none @include transition(background-color .2s linear) padding: 4px border-radius: 4px &:hover background-color: rgba(255, 255, 255, 0.75) .team-gold font-size: 16px margin: 0 line-height: 20px color: hsla(205,0%,31%,1) text-shadow: 0px 1px 1px white, 0px -1px 1px white, 1px 0px 1px white, -1px 0px 1px white &.team-humans color: hsla(4,80%,51%,1) &.team-ogres color: hsla(205,100%,31%,1) &.team-allies, &.team-minions color: hsla(116,80%,31%,1) img width: 16px height: 16px border-radius: 2px padding: 1px margin-top: -1px @include gradient-radial-custom-stops(hsla(205,0%,74%,1), 20%, hsla(205,0%,31%,1), 70%) &.team-humans img @include gradient-radial-custom-stops(hsla(4,80%,74%,1), 20%, hsla(4,80%,51%,1), 70%) &.team-ogres img @include gradient-radial-custom-stops(hsla(205,100%,74%,1), 20%, hsla(205,100%,31%,1), 70%) &.team-allies img, &.team-minions img @include gradient-radial-custom-stops(hsla(116,80%,74%,1), 20%, hsla(116,80%,31%,1), 70%) .gold-amount display: inline-block min-width: 20px