aframe-inspector
Version:
A visual inspector tool for A-Frame.
149 lines (120 loc) • 2.2 kB
text/stylus
@import './lib';
#toolbar
background-color $bg
.toolbarActions
padding 0 0 5px
display flex
align-items baseline
a.disabled
color #666
cursor default
.helpButtonContainer
flex-grow 1
padding-right 10px
text-align right
#scenegraph
background $bg
border-top 1px solid #111
display flex
flex-direction column
overflow auto
padding-top 32px
width 230px
.entity
background $bg
cursor pointer
display flex
justify-content space-between
padding 3px
width 100%
white-space nowrap
&:hover
background #1d2f39
&.active
background-color #155373
color #fff
.component:hover
color #1888c1
.entityActions
display inline
&.novisible
&.active
span,
svg,
.collapsespace,
.id
color #999
&:not(.active)
span,
svg,
.collapsespace,
.id
color #626262
.component:hover
color #1faaf2
.entityIcons
margin-left 2px
.entityActions
display none
margin 0 14px
.button
color #fff
font-size 12px
margin-left 6px
svg
color #CCC
.toolbarActions svg:hover,
.entityActions svg:hover
color $primary
.active svg
color #FAFAFA
.id
color #ccc
.option.active .id
color #fff
.collapsespace
color #eee
display inline-block
text-align center
width 14px
.fa-eye
color #bbb
.icons a.button
color #fff
.search
padding 5px
font-size 16px
position relative
input
color $white
background $bgdark
border-radius 5px
height 22px
text-indent 10px
width 216px
>svg, a.button
position absolute
right 14px
top 10px
.outliner
background $bg
color $white
cursor default
flex 1 1 auto
font-size 13px
height calc(100% - 98px)
line-height normal
outline none
overflow-y auto
padding 0
width 230px
.scenegraph-bottom
background-color #323232
border-top 1px solid #111
bottom 10
height 40px
left 0
z-index 100
a
float right
margin 10px