add special styling for code-blocks run in shell (#6389)

Merge pull request 6389
This commit is contained in:
ashmaroli 2017-09-30 04:42:36 +05:30 committed by jekyllbot
parent f8762bd5d5
commit 76c52f43f7
1 changed files with 22 additions and 2 deletions

View File

@ -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);
}
}