_content: provide keyboard shortcut to avoid focus trap.

added 'Esc' key as shortcut to avoid focus trap for code editor in go   website.
https://screencast.googleplex.com/cast/NjM1MDM3ODI1MDUzNDkxMnwyMDllNGZlNi0yZA

Change-Id: I291505a335ddaa04fc440d2d3052e6b9a891f86f
Reviewed-on: https://go-review.googlesource.com/c/website/+/510875
Reviewed-by: Jamal Carvalho <jamal@golang.org>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>
Auto-Submit: Jamal Carvalho <jamal@golang.org>

1 files changed, 11 insertions, 1 deletions

diff --git a/_content/css/styles.css b/_content/css/styles.css
index 90f5acbd..579f7a5a 100644
--- a/_content/css/styles.css
+++ b/_content/css/styles.css
@@ -4606,7 +4606,8 @@ a.error {
   background-color: var(--color-background-playground-input) !important;
 }
 .Playground-outputContainer,
-.Playground-output {
+.Playground-output,
+.Playground-preContainer {
   background: var(--color-background-code);
 }
 .Playground-inputContainer,
@@ -4620,6 +4621,15 @@ a.error {
   border: var(--border-code);
   resize: vertical;
 }
+.Playground-preContainer {
+  border-bottom: var(--border-code);
+}
+.Playground-preContainer {
+  display: none;
+}
+.Playground-input:focus + .Playground-preContainer {
+  display: block;
+}
 .Playground-controls {
   display: flex;
   flex-wrap: wrap;