aboutsummaryrefslogtreecommitdiff
path: root/src/console
diff options
context:
space:
mode:
authorShin'ya Ueoka <ueokande@i-beam.org>2017-09-01 09:23:01 +0900
committerShin'ya Ueoka <ueokande@i-beam.org>2017-09-01 09:23:01 +0900
commit95c095f366106952d25982f12d99e4858c54cdb9 (patch)
tree30aeaba69bea105e585d0b790ca42d79a6904d10 /src/console
parent6e5286ef10b26d0a09f3882d6c3bfdbd92223d0f (diff)
add console error element
Diffstat (limited to 'src/console')
-rw-r--r--src/console/console.html1
-rw-r--r--src/console/console.scss17
2 files changed, 14 insertions, 4 deletions
diff --git a/src/console/console.html b/src/console/console.html
index 9177045..206976a 100644
--- a/src/console/console.html
+++ b/src/console/console.html
@@ -6,6 +6,7 @@
<script src='console.js'></script>
</head>
<body class='vimvixen-console'>
+ <p class='vimvixen-console-error'></p>
<div>
<p class='vimvixen-console-title'></p>
<div class='vimvixen-console-command'>
diff --git a/src/console/console.scss b/src/console/console.scss
index becc15c..0de873d 100644
--- a/src/console/console.scss
+++ b/src/console/console.scss
@@ -16,10 +16,19 @@ body {
margin: 0;
padding: 0;
- @mixin input-style {
+ @mixin consoole-font {
font-style: normal;
font-family: monospace;
font-size: 12px;
+ line-height: 16px;
+ }
+
+ &-error {
+ background-color: red;
+ font-weight: bold;
+ color: white;
+
+ @include consoole-font;
}
@@ -29,7 +38,7 @@ body {
margin: 0;
padding: 0;
- @include input-style;
+ @include consoole-font;
}
&-command {
@@ -39,14 +48,14 @@ body {
&-prompt:before {
content: ':';
- @include input-style;
+ @include consoole-font;
}
&-input {
border: none;
flex-grow: 1;
- @include input-style;
+ @include consoole-font;
}
}
}