Implement a nice terminal emulator on the JS side
This commit is contained in:
34
styles.css
34
styles.css
@@ -1,17 +1,35 @@
|
||||
:root {
|
||||
--bg: black;
|
||||
--fg: white;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.4em;
|
||||
line-height: 1.5em;
|
||||
font-family: 'Courier 10 Pitch', monospace;
|
||||
font-size: 12pt;
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-color: var(--bg);
|
||||
color: var(--fg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#output {
|
||||
margin: 1.4em auto;
|
||||
width: 80em;
|
||||
height: 48em;
|
||||
margin: 1.5em auto;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
#input {
|
||||
display: none;
|
||||
#cursor {
|
||||
background-color: var(--fg);
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.blinking {
|
||||
animation: blink 1.5s step-start infinite;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
50% {
|
||||
background-color: var(--bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user