44 lines
631 B
SCSS
44 lines
631 B
SCSS
.flox-playground {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: max(24rem, 0.5vh);
|
|
gap: 1em;
|
|
margin-block: 0.5em;
|
|
padding: 1em;
|
|
|
|
.editor,
|
|
#output {
|
|
height: calc(100% - 4em);
|
|
overflow-y: auto;
|
|
border: 1px dashed black;
|
|
border-radius: 0.5em;
|
|
background-color: white;
|
|
}
|
|
|
|
.editor {
|
|
position: relative;
|
|
|
|
#run {
|
|
position: absolute;
|
|
right: 0.5em;
|
|
bottom: 0.5em;
|
|
padding: 0.25em 0.5em;
|
|
}
|
|
}
|
|
|
|
#output {
|
|
padding: 1em;
|
|
}
|
|
}
|
|
|
|
.flox-eval {
|
|
border-radius: 0.5em;
|
|
border: 1px solid black;
|
|
overflow: auto;
|
|
|
|
> .output {
|
|
padding: 0.25em 0.5em;
|
|
border-top: 1px solid black;
|
|
}
|
|
}
|