95 lines
1.3 KiB
CSS
95 lines
1.3 KiB
CSS
@import "solarized.css";
|
|
|
|
html, body
|
|
{ height: 100%
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.editor-container
|
|
{ position: relative
|
|
; height: 80vh
|
|
}
|
|
|
|
#editor
|
|
{ width: 100%;
|
|
; height: 100%
|
|
; position: relative
|
|
}
|
|
|
|
#type-check-button {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 50%;
|
|
z-index: 2;
|
|
/* margin: 0 auto; */
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
#type-check-output
|
|
{ background: green
|
|
; width: 100%
|
|
; height: 100%
|
|
}
|
|
|
|
.main-view-container
|
|
{ columns: 2 auto;
|
|
|
|
}
|
|
|
|
.split {
|
|
height: 100%;
|
|
width: 50%;
|
|
position: fixed;
|
|
z-index: 1;
|
|
top: 0;
|
|
overflow-x: hidden;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.left {
|
|
left: 0;
|
|
}
|
|
|
|
.right {
|
|
right: 0;
|
|
}
|
|
|
|
.annotation-wrapper
|
|
{ display: inline-flex
|
|
; flex-direction: column
|
|
/* ; border-style: solid */
|
|
/* ; border-width: 0 0 0.45em 0 */
|
|
}
|
|
|
|
.typed-wrapper
|
|
{ display: inline-block
|
|
}
|
|
|
|
.annotation-wrapper .annotation
|
|
{ position: relative
|
|
; bottom: 0
|
|
; min-height: 0.50em
|
|
}
|
|
|
|
.annotation-text
|
|
{ display: none
|
|
}
|
|
|
|
.annotation.hovering > .annotation-text
|
|
{ display: inline-block
|
|
}
|
|
|
|
.code-wrapper
|
|
{ display: inline-block
|
|
}
|
|
|
|
/* .typed-wrapper.hovering > .code-wrapper */
|
|
/* { border-width: 0.2em */
|
|
/* ; border-style: solid */
|
|
/* } */
|
|
|