From 76c52f43f7419677a62c5ad5bdcaed650ba1d5ac Mon Sep 17 00:00:00 2001
From: ashmaroli <ashmaroli@users.noreply.github.com>
Date: Sat, 30 Sep 2017 04:42:36 +0530
Subject: [PATCH] add special styling for code-blocks run in shell (#6389)

Merge pull request 6389
---
 docs/_sass/_style.scss | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/docs/_sass/_style.scss b/docs/_sass/_style.scss
index 666e044b..152b630e 100644
--- a/docs/_sass/_style.scss
+++ b/docs/_sass/_style.scss
@@ -682,15 +682,15 @@ h5 > code,
 
 .highlight {
   margin: 1em 0;
-  padding: 10px 0;
   width: 100%;
   overflow: auto;
 }
 
+pre.highlight { padding: 10px 0.5em; }
+
 .highlighter-rouge .highlight {
   @extend .highlight;
   margin: 0;
-  padding: 10px 0.5em;
 }
 
 /* HTML Elements */
@@ -1058,3 +1058,23 @@ code.output {
     background: #454545;
   }
 }
+
+.language-sh {
+  &:before {
+    display: table;
+    padding: 5px 8px;
+    width: 100%;
+    color: #272727;
+    text-shadow: none;
+    font-size: 14px;
+    line-height: 1.25;
+    font-weight: 700;
+    content: "TERMINAL";
+    background: #7a7a7a;
+    border: 1px solid #333;
+    @include border-radius(5px 5px 0 0);
+  }
+  .highlight {
+    @include border-radius(0 0 5px 5px);
+  }
+}