separate console
This commit is contained in:
parent
22db12f2a3
commit
541449b1fc
13 changed files with 38 additions and 40 deletions
92
src/console/site.scss
Normal file
92
src/console/site.scss
Normal file
|
@ -0,0 +1,92 @@
|
|||
html, body, * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.vimvixen-console {
|
||||
border-top: 1px solid gray;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@mixin consoole-font {
|
||||
font-style: normal;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
&-completion {
|
||||
background-color: white;
|
||||
|
||||
@include consoole-font;
|
||||
|
||||
&-title {
|
||||
background-color: lightgray;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&-item {
|
||||
padding-left: 1.5rem;
|
||||
background-position: 0 center;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
white-space: nowrap;
|
||||
|
||||
&.vimvixen-completion-selected {
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
&-caption {
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&-url {
|
||||
display: inline-block;
|
||||
color: green;
|
||||
width: 60%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-error {
|
||||
background-color: red;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
|
||||
@include consoole-font;
|
||||
}
|
||||
|
||||
&-command {
|
||||
background-color: white;
|
||||
display: flex;
|
||||
|
||||
&-prompt:before {
|
||||
content: ':';
|
||||
|
||||
@include consoole-font;
|
||||
}
|
||||
|
||||
&-input {
|
||||
border: none;
|
||||
flex-grow: 1;
|
||||
|
||||
@include consoole-font;
|
||||
}
|
||||
}
|
||||
}
|
Reference in a new issue