2014-09-03 18:47:32 +00:00
|
|
|
@import '../elements/shared/shared'
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
unit = 18px
|
2014-09-03 18:47:32 +00:00
|
|
|
body-padding = unit * 2
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
readme-margin = panel-width + body-padding
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
*
|
|
|
|
margin 0
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
body
|
|
|
|
margin body-padding
|
|
|
|
line-height 24px
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
.disable-hover,
|
2014-09-03 18:47:32 +00:00
|
|
|
.disable-hover *
|
|
|
|
pointer-events none !important
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
h1, h2, h3, h4, p, pre
|
|
|
|
margin-bottom unit
|
|
|
|
|
|
|
|
pre
|
|
|
|
width 100%
|
|
|
|
margin-bottom unit * 2
|
|
|
|
line-height 20px
|
|
|
|
|
|
|
|
h1
|
|
|
|
margin-bottom unit * 3
|
|
|
|
|
|
|
|
h3
|
|
|
|
|
|
|
|
padding unit 0
|
|
|
|
margin-bottom unit * 2
|
|
|
|
|
|
|
|
border-bottom 1px solid rgba( 0, 0, 0, 0.2 )
|
|
|
|
transition border-color 0.2s linear, color 0.2s linear
|
|
|
|
|
|
|
|
&.sticky
|
|
|
|
|
|
|
|
left body-padding
|
|
|
|
right body-padding + readme-margin
|
|
|
|
top 0
|
|
|
|
background #fff
|
|
|
|
|
|
|
|
&.sticky-prev
|
|
|
|
color #eee
|
|
|
|
border-bottom 1px solid rgba( 0, 0, 0, 0 )
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#readme
|
|
|
|
margin-right readme-margin
|
|
|
|
|
2014-09-09 19:53:30 +00:00
|
|
|
dat-gui
|
2014-09-03 18:47:32 +00:00
|
|
|
position fixed
|
|
|
|
width panel-width
|
|
|
|
top 0px
|
|
|
|
right unit
|
|
|
|
z-index 9999
|
|
|
|
transition transform 0.4s cubic-bezier(.5,1,0,1)
|
|
|
|
transform translate3d( 0, -200px, 0 )
|
|
|
|
&.sticky
|
|
|
|
transform translate3d( 0, 0, 0 )
|
|
|
|
transition-delay 400ms
|
|
|
|
|
2014-08-27 00:01:15 +00:00
|
|
|
|