aframe-inspector
Version:
A visual inspector tool for A-Frame.
146 lines (117 loc) • 2.1 kB
text/stylus
@import './lib';
#toolbar
background-color $bg
.toolbarActions
padding 0 0 5px
a.disabled
color #666
cursor default
#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,
.fa,
.collapsespace,
.id
color #999
&:not(.active)
span,
.fa,
.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
.fa
color #CCC
.entityActions .fa:hover
color $primary
.active .fa
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
.fa-search
position absolute
right 14px
top 8px
.fa-times
position absolute
right 15px
top 9px
.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