2014-09-03 18:47:32 +00:00
|
|
|
@import '../shared/shared'
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
// redefine touch because we are the host ...
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
touch( val = true )
|
|
|
|
|
{ '.touch-' + val } &
|
|
|
|
|
{ block }
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#container
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
background color-panel
|
|
|
|
|
transition transform 0.4s cubic-bezier( 0, 0.8, 0, 1 )
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
&.autoplace-true
|
|
|
|
|
|
|
|
|
|
width panel-width
|
|
|
|
|
|
|
|
|
|
&.touch-true
|
|
|
|
|
width panel-width-touch
|
|
|
|
|
|
|
|
|
|
position fixed
|
|
|
|
|
top 0
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
&.docked-false
|
|
|
|
|
right 20px
|
|
|
|
|
|
|
|
|
|
&.docked-true
|
|
|
|
|
right 0
|
|
|
|
|
bottom 0
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#controllers
|
|
|
|
|
position absolute
|
|
|
|
|
width 100%
|
|
|
|
|
bottom 0
|
|
|
|
|
top 0
|
|
|
|
|
overflow auto
|
2014-09-03 16:52:28 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
&.open-false
|
|
|
|
|
transform translate3d( panel-width, 0, 0 )
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
&.touch-true
|
|
|
|
|
transform translate3d( panel-width-touch, 0, 0 )
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#closeButton
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
|
panel-font()
|
|
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
user-select none
|
|
|
|
|
cursor pointer
|
|
|
|
|
text-align center
|
|
|
|
|
padding padding * 0.75 padding
|
|
|
|
|
background black
|
|
|
|
|
|
|
|
|
|
+hover()
|
|
|
|
|
background color-panel
|
|
|
|
|
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#closeButtonDocked
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
position absolute
|
|
|
|
|
right 100%
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
cursor pointer
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
top 0
|
|
|
|
|
color black
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
width 60px
|
|
|
|
|
height 60px
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
padding 10px
|
|
|
|
|
box-sizing border-box
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#closeButtonDockedInner
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
border-radius 3px
|
|
|
|
|
background #fff
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
width 100%
|
|
|
|
|
height 100%
|
2014-08-27 00:01:15 +00:00
|
|
|
|
