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