diff --git a/episode-08-terminal-app-styling/app.css b/episode-08-terminal-app-styling/app.css new file mode 100644 index 0000000..1484fcf --- /dev/null +++ b/episode-08-terminal-app-styling/app.css @@ -0,0 +1,50 @@ +body { + background-color: #444; + color: #fff; +} + +h1 { + font-family: monospace; +} + +#terminal { + font-family: monospace; +} + +.input-line { + display: flex; +} + +.input-line > * { + flex: 1; +} + +.input-line > .prompt { + flex: 0; + padding-right: 0.5rem; +} + +.output { + padding-bottom: 0.5rem; +} + +.input { + color: #ffa; +} + +.output { + color: #afa; + white-space: pre; +} + +form { + display: flex; +} + +input { + flex: 1; + font-family: monospace; + background-color: #444; + color: #fff; + border: none; +} diff --git a/episode-08-terminal-app-styling/index.html b/episode-08-terminal-app-styling/index.html new file mode 100644 index 0000000..2f4c6fd --- /dev/null +++ b/episode-08-terminal-app-styling/index.html @@ -0,0 +1,32 @@ + + +
+