From d20577c72dda5db6eb5b6dcab6a4eb9de09e1335 Mon Sep 17 00:00:00 2001
From: Christian Kremitzl <christian.kremitzl@uni-bamberg.de>
Date: Mon, 6 May 2019 14:43:34 +0200
Subject: [PATCH] Add preview only layout.

---
 css/theme/latex.css         |  8 +++++++-
 css/theme/source/latex.scss | 10 +++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/css/theme/latex.css b/css/theme/latex.css
index c9dfab2..d6e30f8 100644
--- a/css/theme/latex.css
+++ b/css/theme/latex.css
@@ -29,7 +29,8 @@ section {
 body {
   font-size: calc(0.035 * var(--square)); }
   body .layout-content-and-preview,
-  body .layout-content-only {
+  body .layout-content-only,
+  body .layout-preview-only {
     display: grid;
     min-height: 100vh;
     max-height: 100vh;
@@ -63,6 +64,11 @@ body {
         grid-template-columns: auto var(--square) auto;
         grid-template-areas: ".    .    ." ". content ." ".    .    .";
         background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } }
+  body .layout-preview-only {
+    grid-template-rows: auto;
+    grid-template-columns: auto;
+    grid-template-areas: "preview";
+    background: var(--secondary); }
   body .layout-content {
     background: white;
     grid-area: content;
diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss
index ca38a37..a10d4f6 100644
--- a/css/theme/source/latex.scss
+++ b/css/theme/source/latex.scss
@@ -32,7 +32,8 @@ body {
   font-size: calc(0.035 * var(--square));
 
   .layout-content-and-preview,
-  .layout-content-only {
+  .layout-content-only,
+  .layout-preview-only {
     display: grid;
     min-height: 100vh;
     max-height: 100vh;
@@ -93,6 +94,13 @@ body {
     }
   }
 
+  .layout-preview-only {
+    grid-template-rows: auto;
+    grid-template-columns: auto;
+    grid-template-areas: "preview";
+    background: var(--secondary);
+  }
+
   .layout-content {
     background: white;
     grid-area: content;