codecombat/app/styles/play/level/gold.sass

53 lines
1.3 KiB
Sass
Raw Normal View History

2014-02-11 15:02:27 -05:00
@import "app/styles/mixins"
@import "app/styles/bootstrap/mixins"
2014-02-11 15:02:27 -05:00
#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)
2014-02-11 15:02:27 -05:00
.team-gold
2014-02-11 15:02:27 -05:00
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
2014-02-11 15:02:27 -05:00
@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
2014-04-27 18:33:16 -04:00
min-width: 20px