From c8b4e4d455cf0ca370d2814ac019ffe74e47eb12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= <tiangolo@gmail.com>
Date: Fri, 10 Sep 2021 17:28:22 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Tweak=20CSS=20styles=20for=20she?=
 =?UTF-8?q?ll=20animations=20(#3888)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/en/docs/css/custom.css   | 14 ++++++++++++++
 docs/en/docs/css/termynal.css |  3 ++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/docs/en/docs/css/custom.css b/docs/en/docs/css/custom.css
index 997bcd3af..7d3503e49 100644
--- a/docs/en/docs/css/custom.css
+++ b/docs/en/docs/css/custom.css
@@ -1,3 +1,13 @@
+.termynal-comment {
+  color: #4a968f;
+  font-style: italic;
+  display: block;
+}
+
+.termy [data-termynal] {
+  white-space: pre-wrap;
+}
+
 a.external-link::after {
   /* \00A0 is a non-breaking space
         to make the mark be on the same line as the link
@@ -12,6 +22,10 @@ a.internal-link::after {
   content: "\00A0↪";
 }
 
+.shadow {
+  box-shadow: 5px 5px 10px #999;
+}
+
 /* Give space to lower icons so Gitter chat doesn't get on top of them */
 .md-footer-meta {
   padding-bottom: 2em;
diff --git a/docs/en/docs/css/termynal.css b/docs/en/docs/css/termynal.css
index 0484e65d4..406c00897 100644
--- a/docs/en/docs/css/termynal.css
+++ b/docs/en/docs/css/termynal.css
@@ -17,7 +17,8 @@
     max-width: 100%;
     background: var(--color-bg);
     color: var(--color-text);
-    font-size: 18px;
+    /* font-size: 18px; */
+    font-size: 15px;
     /* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
     font-family: 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
     border-radius: 4px;