commit 6add697cdcd12562c223df2b0b7f4e5799d30229 parent 32b719fdb3d7c305918072eb7ae0980fbb5ae526 Author: breadcat <breadcat@users.noreply.github.com> Date: Tue, 19 Apr 2022 20:10:21 +0100 Merge minified CSS into index Diffstat:
| M | index.html | | | 12 | +++++++++++- |
| D | src/style/terminal.css | | | 64 | ---------------------------------------------------------------- |
2 files changed, 11 insertions(+), 65 deletions(-)
diff --git a/index.html b/index.html @@ -3,7 +3,17 @@ <head> <meta charset="utf-8"> <title>$</title> - <link rel="stylesheet" href="./src/style/terminal.css"> + <style> + :root{--main-bg-color:#547c99;--prompt-bg-color:#151515;--text-color:#6c99bb} + *{margin:0;padding:0;border:0;outline:0;font-family:monospace;font-size:1rem} + body{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--main-bg-color)} + #screen{width:56vw;height:32vw;box-shadow:1px 1px 10px;border-radius:4px;padding:1.5em 0;overflow:auto;display:flex;flex-direction:column-reverse;background-color:var(--prompt-bg-color)} + #Container,#Container>div{transform:rotateX(180deg)} + .log{padding-left:10px;padding-right:10px;color:var(--text-color)} + input{background-color:var(--prompt-bg-color);color:var(--text-color);width:90%} + #input{padding-left:10px;padding-right:10px;color:var(--text-color)} + #input p{display:inline-block} + </style> </head> <body> <div> diff --git a/src/style/terminal.css b/src/style/terminal.css @@ -1,63 +0,0 @@ -:root { - --main-bg-color: #547c99; - --prompt-bg-color: #151515; - --text-color: #6c99bb; -} - -* { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-family: monospace; - font-size: 1rem; -} - -body { - width: 100vw; - height: 100vh; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - background-color: var(--main-bg-color); - } - -#screen { - width: 56vw; - height: 32vw; - box-shadow: 1px 1px 10px; - border-radius: 4px; - padding: 1.5em 0em; - overflow:auto; - display:flex; - flex-direction:column-reverse; - background-color: var(--prompt-bg-color); -} - -#Container, #Container>div { - transform: rotateX(180deg); -} - -.log { - padding-left: 10px; - padding-right: 10px; - color: var(--text-color); -} - -input { - background-color: var(--prompt-bg-color); - color: var(--text-color); - width: 90%; -} - -#input { - padding-left: 10px; - padding-right: 10px; - color: var(--text-color); - -} - -#input p { - display: inline-block; -} -\ No newline at end of file