vue-observable-observables
Version:
A Vue development tool allowing developers to inspect and modify all Vue.observables living in their application.
1 lines • 4.78 kB
CSS
.observable-node-container .observable-node-property-container--column[data-v-9a5efac6],.observable-node-container .observable-node-property-container[data-v-9a5efac6]{display:flex;margin:.5rem 0 0 0}.observable-node-container .observable-node-property-container--column .observable-node-property-details-container[data-v-9a5efac6],.observable-node-container .observable-node-property-container .observable-node-property-details-container[data-v-9a5efac6]{display:flex;position:relative}.observable-node-container .observable-node-property-container--column .observable-node-property-details-container svg[data-v-9a5efac6],.observable-node-container .observable-node-property-container .observable-node-property-details-container svg[data-v-9a5efac6]{position:absolute;height:1rem}.observable-node-container .observable-node-property-container--column .observable-node-property-details-container__edit-input[data-v-9a5efac6],.observable-node-container .observable-node-property-container .observable-node-property-details-container__edit-input[data-v-9a5efac6]{display:none}.observable-node-container .observable-node-property-container--column .observable-node-property-details-container__caret-down[data-v-9a5efac6],.observable-node-container .observable-node-property-container .observable-node-property-details-container__caret-down[data-v-9a5efac6]{top:2px;left:-.8rem}.observable-node-container .observable-node-property-container--column .observable-node-property-details-container__caret-right[data-v-9a5efac6],.observable-node-container .observable-node-property-container .observable-node-property-details-container__caret-right[data-v-9a5efac6]{left:-.5rem;top:2px}.observable-node-container .observable-node-property-container--column .observable-node-property-details-container__name[data-v-9a5efac6],.observable-node-container .observable-node-property-container .observable-node-property-details-container__name[data-v-9a5efac6]{margin-right:.5rem}.observable-node-container .observable-node-property-container--column .observable-node-property-details-container__descriptor[data-v-9a5efac6],.observable-node-container .observable-node-property-container .observable-node-property-details-container__descriptor[data-v-9a5efac6]{color:#fff}.observable-node-container .observable-node-property-container--column--column[data-v-9a5efac6],.observable-node-container .observable-node-property-container--column[data-v-9a5efac6]{flex-direction:column}.popup-container[data-v-08ac46e6]{color:#41b883;font-family:Roboto;display:flex;height:100%;flex-direction:column}.popup-container[data-v-08ac46e6] input{background-color:transparent;border-color:#172029;border-style:solid;border-width:0 0 1px 0;outline:none;color:#fff;width:9rem}.popup-container hr[data-v-08ac46e6]{background-color:#141d25;border:none;height:.1rem;margin:0}.popup-container .popup-header-container[data-v-08ac46e6]{align-items:center;display:flex;font-size:1.3rem;flex:1;margin:.5rem .5rem .5rem .5rem}.popup-container .popup-header-container__logo[data-v-08ac46e6]{margin-right:.5rem;height:2rem;width:2rem}.popup-container .popup-body-container[data-v-08ac46e6]{display:flex;border-top-color:#141d25;border-top-style:solid;border-top-width:1px;height:100%;overflow-y:hidden}.popup-container .popup-body-container .popup-body-left-container[data-v-08ac46e6]{flex:1;border-right-color:#141d25;border-right-style:solid;border-right-width:1px;overflow-y:scroll;overflow-x:hidden}.popup-container .popup-body-container .popup-body-left-container .popup-body-bullet-container[data-v-08ac46e6]{margin-left:.5rem}.popup-container .popup-body-container .popup-body-left-container .popup-body-bullet-container__bullet[data-v-08ac46e6]{width:7px}.popup-container .popup-body-container .popup-body-left-container__observable[data-v-08ac46e6]{display:flex;align-items:center;height:2rem;border-bottom-color:#141d25;border-bottom-style:solid;border-bottom-width:1px}.popup-container .popup-body-container .popup-body-left-container__observable-name[data-v-08ac46e6]{color:#1d5e41;margin-left:.5rem}.popup-container .popup-body-container .popup-body-left-container__observable-name--selected[data-v-08ac46e6]{color:#41b883}.popup-container .popup-body-container .popup-body-left-container__observable-name--selected[data-v-08ac46e6],.popup-container .popup-body-container .popup-body-left-container__observable-name[data-v-08ac46e6]{margin-left:.5rem;white-space:nowrap}.popup-container .popup-body-container .popup-body-right-container[data-v-08ac46e6]{flex:4;padding-left:1rem;overflow-y:scroll}.popup-container .popup-body-container .popup-body-left-container[data-v-08ac46e6]::-webkit-scrollbar,.popup-container .popup-body-container .popup-body-right-container[data-v-08ac46e6]::-webkit-scrollbar{display:none}