codecombat/app/styles/play/level/tome/cast_button.sass

59 lines
1.2 KiB
Sass
Raw Normal View History

@import "app/styles/bootstrap/mixins"
@import "app/styles/mixins"
2014-01-03 13:32:13 -05:00
+keyframes(castablePulse)
from
@include box-shadow(0px 0px 8px #333)
color: white
2014-01-03 13:32:13 -05:00
50%
@include box-shadow(0px 0px 35px skyblue)
color: skyblue
2014-01-03 13:32:13 -05:00
to
@include box-shadow(0px 0px 8px #333)
color: white
2014-01-03 13:32:13 -05:00
+keyframes(winnablePulse)
2014-01-03 13:32:13 -05:00
from
@include box-shadow(0px 0px 8px #333)
2014-01-03 13:32:13 -05:00
color: white
50%
@include box-shadow(0px 0px 35px #87FFCE)
color: #87FFFF
2014-01-03 13:32:13 -05:00
to
@include box-shadow(0px 0px 8px #333)
2014-01-03 13:32:13 -05:00
color: white
#cast-button-view
display: none
2014-01-25 18:11:29 -05:00
position: absolute
z-index: 2
width: 100%
border-radius: 6px
2014-01-03 13:32:13 -05:00
.btn
padding: 3px 10px
height: 40px
2014-01-03 13:32:13 -05:00
.submit-button
margin-left: 20px
.cast-button
margin-left: 10px
@include opacity(0.77)
2014-01-03 13:32:13 -05:00
&:hover, &.castable
@include opacity(1)
&:not(.winnable) .cast-button.castable
font-weight: bold
-webkit-animation-name: castablePulse
-webkit-animation-duration: 3s
-webkit-animation-iteration-count: infinite
&.winnable .submit-button
font-weight: bold
-webkit-animation-name: winnablePulse
-webkit-animation-duration: 3s
-webkit-animation-iteration-count: infinite