istio
/
istio.io
mirror of https://github.com/istio/istio.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Reduce the visual weight of code blocks so they don't break up the page so much. (#1054)

This commit is contained in:
Martin Taillefer 2018-03-05 09:46:41 -08:00 committed by GitHub
parent 5e075d4c27
commit b4d664bf35
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_sass/base/_common.scss
View File

@ -146,18 +146,14 @@ thead+tbody tr:first-child td:last-child {
pre {
margin: 1em;
max-height: 31em;
border: 1px solid $boxBorderColor;
border-left: 7px solid $boxBorderColor;
border: 1px solid $codeBlockBorderColor;
border-left: 5px solid $codeBlockBorderColor;
border-radius: 4px;
background-image: linear-gradient(transparent 50%, rgba(69,142,209,0.04) 50%);
background-size: 3em 3em;
background-origin: content-box;
background-attachment: local;
box-shadow: 3px 3px 8px $codeBlockShadowColor;
code {
display: block;
padding-left: 1em;
padding: .5em;
}
}

3
_sass/themes/_dark.scss
View File

@ -28,7 +28,8 @@ $glossaryHeaderColor: lighten($gray, 35%);
$searchButtonColor: $light-gray;
$blockQuoteBackgroundColor: $dark-gray;
$deprecatedBackgroundColor: silver;
$codeBlockShadowColor: #a7a7a7;
$codeBlockShadowColor: #777777;
$codeBlockBorderColor: #777777;
$boxBorderColor: $textColor;
$headerLightShadowColor: rgba(0, 0, 0, .14);

1
_sass/themes/_light.scss
View File

@ -29,6 +29,7 @@ $searchButtonColor: $light-gray;
$blockQuoteBackgroundColor: $light-gray;
$deprecatedBackgroundColor: silver;
$codeBlockShadowColor: #a7a7a7;
$codeBlockBorderColor: #dddddd;
$boxBorderColor: $secondBrandColor;
$headerLightShadowColor: rgba(0, 0, 0, .14);