add console error element

This commit is contained in:
Shin'ya Ueoka 2017-09-01 09:23:01 +09:00
parent 6e5286ef10
commit 95c095f366
2 changed files with 14 additions and 4 deletions

View file

@ -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'>

View file

@ -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;
}
}
}