@import "../config/_main.scss";

.boot {
    margin: 1em 0em 1em 1em;
    font-size: 1.5em;
    -ms-overflow-style: none;
    scrollbar-width: none;

    & * {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #bootver {
        color: $boot_header_colour;
        margin-left: 1.12em; /* makes it that it aligns with 'boot' messages */
    }

    #bootver::before {
        content: "WebRC version " $boot_ver;
    }

    .bmsg[bmsg_type="ok"] {
        &::after {
            content: "[OK]";
            float: right;
            color: $ok_colour;
        }

        &::before {
            content: " * ";
            color: $ok_colour;
        }
    }

    .bmsg[bmsg_type="warn"] {
        &::after {
            content: "[WARNING]";
            float: right;
            color: $warn_colour;
        }

        &::before {
            content: " * ";
            color: $warn_colour;
        }
    }

    .bmsg[bmsg_type="error"] {
        &::after {
            content: "[ERROR]";
            float: right;
            color: $error_colour;
        }

        &::before {
            content: " * ";
            color: $error_colour;
        }
    }

    .bmsg::first-letter {
        text-transform: uppercase;
    }

    .bmsg {
        word-wrap: break-word;
        word-break: break-all;
    }
}

.boot::-webkit-scrollbar,
.boot *::-webkit-scrollbar {
    display: none;
}