consul/ui/packages/consul-ui/app/components/code-editor/layout.scss

35 lines
628 B
SCSS

%code-editor {
display: block;
border: 10px;
overflow: hidden;
position: relative;
}
%code-editor .ember-power-select-trigger {
@extend %code-editor-syntax-select;
}
%code-editor-syntax-select {
width: 200px;
float: right;
z-index: 1;
}
%code-editor-syntax-select {
margin-top: 1px;
border: 0;
background-color: rgb(var(--black));
color: rgb(var(--white));
border-left: 1px solid;
border-radius: 0;
}
%code-editor::after {
position: absolute;
bottom: 0px;
width: 100%;
height: 25px;
background-color: var(--black);
content: '';
display: block;
}
%code-editor > pre {
display: none;
}