From 9e76a73b0864f24b6c200da348dcc5dfb302b6d4 Mon Sep 17 00:00:00 2001
From: Logan Byers <5625411+loganbyers@users.noreply.github.com>
Date: Thu, 4 Mar 2021 12:05:16 -0500
Subject: [PATCH] Reintroduce center-column CSS rule for tutorials.

Commit d5b1fca53c9a6318d7287d44121674335aeadb5d broke the custom CSS
used in the tutorials. This commit replaces that custom CSS.
---
 source/stylesheets/screen.css.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index b7cee5551a6..cb5bd107334 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -694,3 +694,23 @@ html, body {
 .copy-clipboard:hover {
   opacity: 0.8;
 }
+
+
+/*
+See Slate Issue 855 for a suggestions about how to get code blocks in the center column rather than always in the right column.
+https://github.com/slatedocs/slate/issues/855#issuecomment-337706179
+*/
+.content {
+  .center-column + pre {
+    position: static;
+    float: none;
+    clear: none;
+    margin: 0 28px;
+    left: 0;
+    margin-right: $examples-width !important;
+    width: 45% !important;     // May need to adjust this
+
+  }
+}
+
+