add console error element

jh-changes
Shin'ya Ueoka 7 years ago
parent 6e5286ef10
commit 95c095f366
  1. 1
      src/console/console.html
  2. 17
      src/console/console.scss

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

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