Slightly update lang `sh` code-block styling (#8857)

Merge pull request 8857
This commit is contained in:
Ashwin Maroli 2021-10-28 10:34:27 +05:30 committed by GitHub
parent 75b27ec328
commit 47b0abe1f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 6 deletions

View File

@ -83,4 +83,4 @@
} }
} }
.language-sh .highlight * { color: #ffffff } .language-sh .highlight * { color: #eaeaea }

View File

@ -1252,9 +1252,11 @@ p.note {
} }
.language-sh { .language-sh {
margin-top: 5px;
margin-bottom: 5px;
position: relative; position: relative;
&:before { &:before {
display: table; display: inline-table;
padding: 8px; padding: 8px;
width: 100%; width: 100%;
padding: 5px 0; padding: 5px 0;
@ -1267,20 +1269,28 @@ p.note {
background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
background-image: -moz-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
background-image: -o-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
background-image: linear-gradient(top, #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%); background-image: linear-gradient(to bottom, #ddd 0%,#999 84%,#bbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 );
border-bottom: 1px solid #111;
text-align: center; text-align: center;
content: "terminal"; content: "terminal";
@include border-radius(5px 5px 0 0); @include border-radius(3px 3px 0 0);
@include box-shadow(0 3px 10px rgba(0,0,0,.5)); @include box-shadow(0 3px 10px rgba(0,0,0,.5));
} }
.highlight { .highlight {
@include border-radius(0 0 5px 5px); @include border-radius(0 0 3px 3px);
}
div.highlight {
border: 1px solid;
border-color: transparent #bbb #bbb #bbb;
@include box-shadow(0 3px 10px rgba(0,0,0,.5));
} }
pre.highlight { pre.highlight {
min-height: 48px;
background: #1c1c1c; background: #1c1c1c;
} }
code {
font-size: 15px
}
} }
.showcase { .showcase {