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> <script src='console.js'></script>
</head> </head>
<body class='vimvixen-console'> <body class='vimvixen-console'>
<p class='vimvixen-console-error'></p>
<div> <div>
<p class='vimvixen-console-title'></p> <p class='vimvixen-console-title'></p>
<div class='vimvixen-console-command'> <div class='vimvixen-console-command'>

@ -16,10 +16,19 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@mixin input-style { @mixin consoole-font {
font-style: normal; font-style: normal;
font-family: monospace; font-family: monospace;
font-size: 12px; 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; margin: 0;
padding: 0; padding: 0;
@include input-style; @include consoole-font;
} }
&-command { &-command {
@ -39,14 +48,14 @@ body {
&-prompt:before { &-prompt:before {
content: ':'; content: ':';
@include input-style; @include consoole-font;
} }
&-input { &-input {
border: none; border: none;
flex-grow: 1; flex-grow: 1;
@include input-style; @include consoole-font;
} }
} }
} }