12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- html, body, #container {
- height: 100%;
- margin: 0px;
- box-sizing: border-box;
- }
-
- #container {
- display: grid;
- grid-template-columns: 1fr 1fr;
- padding: 10px;
- grid-column-gap: 10px;
- grid-template-rows: auto 100px;
- grid-template-areas:
- 'left-pane right-pane'
- 'footer right-pane';
- }
-
- #editor-container {
- grid-area: left-pane;
- min-height: 0px;
- display: grid;
- grid-template-rows: 50px auto 25px;
- overflow: auto;
- }
-
- #preview-container {
- grid-area: right-pane;
- min-height: 0px;
- display: grid;
- grid-template-rows: 50px auto;
- }
-
- #preview-wrapper {
- overflow: auto;
- }
-
- #preview-controls {
- line-height: 50px;
- }
-
- #pandoc-output {
- grid-area: footer;
- min-height: 0px;
- white-space: pre;
- overflow: auto;
- }
|