eruda/src/Console/Log.scss

@import "../style/variable";

.dev-tools { .tools { .console {
    .logs {
        transform: translateZ(0);
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 14px;
        li {
            padding: 10px;
            &:after {
                content: '';
                display: block;
                clear: both;
            }
            a {
                color: $blue !important;
            }
            .times, .icon-container {
                float: left;
                margin-right: 5px;
            }
            .icon-container {
                .icon {
                    line-height: 20px;
                    font-size: 12px;
                    color: $gray-dark;
                }
                .icon-chevron-right {
                    color: $blue;
                }
                .icon-info-circle {
                    color: $blue;
                }
                .icon-times-circle {
                    color: $red-dark;
                }
                .icon-exclamation-triangle {
                    color: $yellow-dark;
                }
            }
            .times {
                background: $blue;
                padding: 2px 4px;
                color: #fff;
                border-radius: 10px;
            }
            .log-content-wrapper {
                overflow: hidden;
            }
            .log-content
            {
                line-height: 20px;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }
            &.input {
                background: #fff;
            }
            &.log, &.output, &.info, &.dir {
                border-bottom: 1px solid #b4b4b4;
            }
            &.html {
                table {
                    width: 100%;
                    background: #fff;
                    border-collapse: collapse;
                    th {
                        background: $blue;
                        color: #fff;
                    }
                    th, td {
                        padding: 10px;
                    }
                }
                .blue {
                    color: $blue;
                }
            }
            &.error {
                background: #fff0f0;
                color: #ff0000;
                border-top: 1px solid #ffd7d7;
                border-bottom: 1px solid #ffd7d7;
                .stack {
                    color: #000;
                    padding-left: 1.2em;
                }
            }
            &.warn {
                background: #fffbe6;
                border-top: 1px solid #fff5c2;
                border-bottom: 1px solid #fff5c2;
            }
            &.info {
                color: $blue;
            }
            &.output {
                color: $gray-dark;
            }
        }
    }
} } }