@import '../../scss/vars';

p3xr-console {
    .p3xr-console-electron {
        margin: $layout-padding;
    }

    #p3xr-console-content {

        font-family: 'Roboto Mono' !important;
        //font-weight: 500;

        $minWidthCalc: 20px;

        text-align: center;

        #p3xr-console-content-output {
            pre {
                font-family: 'Roboto Mono' !important;
                //font-weight: 500;
                white-space: pre-wrap;
            }

            min-width: calc(100% - #{$minWidthCalc});
            text-align: left;

            .p3xr-console-content-output-item:before {
                content: "> ";
                opacity: 0.5;
            }
        }


    }
}


@import '../ui/p3xr-input';

#p3xr-console-input {
    @import '../ui/p3xr-input';

    @extend .p3xr-input;

    min-width: calc(100% - 9px);
    position: fixed;
    bottom: $toolbar-height + 8px;
    left: 3px;
    right: 0px;

}

#p3xr-console-input:focus {

    @extend .p3xr-input:focus;
}

.p3xr-console {
    background-color: transparent !important;
    md-autocomplete-wrap {
        box-shadow: none;
        background: none !important;
    }
}