Made LadderPlayModal buttons look more like buttons with a tasteful giant animated box-shadow

This commit is contained in:
Nick Winter 2015-11-30 15:07:01 -08:00
parent 22af180a86
commit 3a4c8d40f6

View file

@ -1,3 +1,6 @@
@import "app/styles/mixins"
@import "app/styles/bootstrap/variables"
#ladder-play-modal
#noob-view p
font-size: 30px
@ -18,21 +21,23 @@
background: white
border-radius: 8px
position: relative
-webkit-transition: opacity 0.3s ease-in-out
-moz-transition: opacity 0.3s ease-in-out
-ms-transition: opacity 0.3s ease-in-out
-o-transition: opacity 0.3s ease-in-out
transition: opacity 0.3s ease-in-out
@include transition(opacity 0.3s ease-in-out, margin 0.1s linear, box-shadow 0.1s linear)
.only-one
opacity: 0
box-shadow: 2px 2px 4px black
#normal-view:hover
.play-option
opacity: 0.4
.play-option:hover
opacity: 1
box-shadow: 4px 4px 6px black
margin-left: -2px
margin-top: -2px
margin-bottom: 17px
.only-one
opacity: 1