codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-27 17:45:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Some size/styling tweaks for goals and gold.

Browse source
This commit is contained in:
Nick Winter 2014-11-19 09:01:01 -08:00
parent 96ff44017e
commit 2af8271829
3 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/styles/play/level.sass
View file

@ -43,6 +43,13 @@ $level-resize-transition-time: 0.5s
visibility: hidden visibility: hidden
#gold-view #gold-view
right: 1% right: 1%
@include box-shadow(-1px 1px 10px cyan)
.team-gold
font-size: 2vw
line-height: 2vw
img
width: 1.8vw
heighT: 1.8vw
#control-bar-view .title #control-bar-view .title
left: 20% left: 20%
width: 60% width: 60%

2
app/styles/play/level/goals.sass
View file

@ -12,11 +12,13 @@
padding: 19px 0px 2px 25px padding: 19px 0px 2px 25px
z-index: 3 z-index: 3
font-size: 14px font-size: 14px
min-width: 230px
&.brighter &.brighter
font-size: 18px font-size: 18px
font-size: 1.4vw font-size: 1.4vw
border-width: 0.91vw 1.22vw 3.10vw 0.91vw border-width: 0.91vw 1.22vw 3.10vw 0.91vw
min-width: 23vw
.goals-status .goals-status
margin: 5px 0 0 0 margin: 5px 0 0 0

15
app/styles/play/level/gold.sass
View file

@ -9,7 +9,7 @@
z-index: 6 z-index: 6
@include transition(box-shadow .2s linear) @include transition(box-shadow .2s linear)
@include user-select(none) @include user-select(none)
padding: 4px padding: 0.4vw
background: transparent url(/images/level/gold_background.png) no-repeat background: transparent url(/images/level/gold_background.png) no-repeat
background-size: 100% 100% background-size: 100% 100%
border-radius: 4px border-radius: 4px
@ -18,9 +18,9 @@
box-shadow: 2px 2px 2px black box-shadow: 2px 2px 2px black
.team-gold .team-gold
font-size: 18px font-size: 1.4vw
line-height: 1.4vw
margin: 0 margin: 0
line-height: 20px
color: hsla(205,0%,51%,1) color: hsla(205,0%,51%,1)
display: inline-block display: inline-block
padding: 0px 4px padding: 0px 4px
@ -35,11 +35,12 @@
color: hsla(116,80%,51%,1) color: hsla(116,80%,51%,1)
img img
width: 16px width: 1.2vw
height: 16px height: 1.2vw
border-radius: 2px border-radius: 2px
padding: 1px padding: 0.1vw
margin-top: -1px margin-top: -0.2vw
margin-right: 0.1vw
.gold-amount .gold-amount
display: inline-block display: inline-block