From bcfdbbc2268ed43e76ce32b4e30cedf28033e327 Mon Sep 17 00:00:00 2001
From: Navan Chauhan <navanchauhan@gmail.com>
Date: Wed, 18 Oct 2017 21:48:27 +0530
Subject: new

---
 scss/style.scss | 96 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 96 insertions(+)
 create mode 100644 scss/style.scss

(limited to 'scss')

diff --git a/scss/style.scss b/scss/style.scss
new file mode 100644
index 0000000..c437dd3
--- /dev/null
+++ b/scss/style.scss
@@ -0,0 +1,96 @@
+.screen {
+  position: absolute;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  background: #000000;
+}
+
+.terminal_emulator {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  min-height: 100%;
+  
+  
+  padding: 40px;
+  font-size: 20px;
+  line-heght: 25px;
+  box-sizing: border-box;
+  text-align:left;
+  
+  font-family: monospace;
+  font-weight: 700;  
+  
+  color: #99ff99;
+}
+
+.terminal_emulator__field,
+.terminal_emulator__command {
+  
+  position: relative;
+  
+  padding: 0 1em;
+  margin: 0 0 9px 0;
+  
+  &:before,
+  &:after {
+    position: absolute;
+  }
+  
+  &:before {
+    left:0;
+    top: 0;
+    content:">";
+  }
+  
+}
+
+.terminal_emulator__response,
+.terminal_emulator__command b{
+  padding-bottom: 9px;
+}
+
+.terminal_emulator__field {
+  display: inline-block;
+  min-width: 1em;
+  min-height: 1.5em;
+  box-sizing: border-box;
+  &:after {
+    right: 0;
+    bottom: 0.25em;
+    
+    content:"";
+    width: 1em;
+    height: 1.5em;
+    background:#99ff99;
+  
+    animation: caretBlink 1s infinite;
+  }
+  
+  &.waiting {
+    padding-left: 0;
+    padding-right: 0;
+    &:before {
+      display: none;
+    }
+  }
+}
+
+@keyframes caretBlink {
+  0% {
+    opacity: 0;
+  }
+  
+  50% {
+    opacity: 0;
+  }
+  
+  51% {
+    opacity: 1;
+  }
+  
+  100% {
+    opacity: 1;
+  }
+}
\ No newline at end of file
-- 
cgit v1.2.3