Merge branch 'iframe-command-line'

1 files changed, 52 insertions, 0 deletions

diff --git a/src/command-line/command-line.scss b/src/command-line/command-line.scss
new file mode 100644
index 0000000..68a0a03
--- /dev/null
+++ b/src/command-line/command-line.scss
@@ -0,0 +1,52 @@
+html, body, * {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.vimvixen-command-line {
+  border-top: 1px solid gray;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+
+  @mixin input-style {
+    font-style: normal;
+    font-family: monospace;
+    font-size: 12px;
+  }
+
+
+  &-title {
+    background-color: lightgray;
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+
+    @include input-style;
+  }
+
+  &-line {
+    background-color: white;
+    display: flex;
+
+    &-prompt:before {
+      content: ':';
+
+      @include input-style;
+    }
+
+    &-input {
+      border: none;
+      flex-grow: 1;
+
+      @include input-style;
+    }
+  }
+}