123456789101112131415161718192021222324252627282930313233343536373839 |
- 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 footer';
- }
-
- #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;
- }
-
- #pandoc-output {
- grid-area: footer;
- }
|