dat.gui/docs/style.styl

68 lines
1.1 KiB
Stylus
Raw Normal View History

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