jab2870/Vim-Vixen
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

add console error element

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

1
src/console/console.html
View file

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

17
src/console/console.scss
View file

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