dat.gui/elements/gui-row/gui-row.styl
2014-09-03 14:47:32 -04:00

69 lines
1.1 KiB
Stylus

@import '../shared/shared'
#row
panel-font()
height row-height
user-select none
transition background-color 0.2s linear
border-bottom 1px solid lighter
#controller
height 100%
#name
// overflow hidden
padding 0 padding
box-sizing border-box
width row-name-width
cursor default
.comment-true &
cursor pointer
#nameInner
overflow hidden
text-overflow ellipsis
// word-wrap break-word
#comment
panel-font()
line-height 1.6em
background color-comment
color #333
box-sizing border-box
overflow hidden
transition height 0.15s ease
position absolute
z-index 999
pointer-events none
opacity 0
transform translate3d( 0, 20px, 0 )
transition all 0.2s ease
#comment.open-true
opacity 1
transform translate3d( 0, 0, 0 )
+touch( false )
transition-delay 200ms
#commentInner
padding padding
.comment-true #nameInner
display inline-block
border-bottom 1px dotted light
&:after
// content ' ?'
// color light