ari.lt/content/styles/boot/main.scss
Ari Archer 20f3162f4a styles : make boot messages hide scrollbars on wk
Signed-off-by: Ari Archer <ari.web.xyz@gmail.com>
2023-02-06 20:38:54 +02:00

69 lines
1.3 KiB
SCSS

@import "../config/_main.scss";
.boot {
margin: 1em 0em 1em 1em;
font-size: 1.5em;
-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 {
display: none;
}