|
|
@ -1,6 +1,8 @@ |
|
|
|
.highlight, html .gist .gist-file .gist-syntax .gist-highlight { |
|
|
|
table td.code { width: 100%; } |
|
|
|
.line-numbers { |
|
|
|
border: 1px solid $pre-border !important; |
|
|
|
} |
|
|
|
.highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers { |
|
|
|
text-align: right; |
|
|
|
font-size: 13px; |
|
|
|
line-height: 1.45em; |
|
|
@ -18,27 +20,33 @@ |
|
|
|
span { color: $base01 !important; } |
|
|
|
padding: .8em !important; |
|
|
|
@include border-radius(0); |
|
|
|
} |
|
|
|
border: 1px solid $pre-border !important; |
|
|
|
} |
|
|
|
|
|
|
|
figure.code, .gist-file, pre { |
|
|
|
@include box-shadow(rgba(#000, .06) 0 0 10px); |
|
|
|
.highlight pre { @include box-shadow(none); } |
|
|
|
} |
|
|
|
|
|
|
|
.gist .highlight, figure.code .highlight { |
|
|
|
@include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px); |
|
|
|
} |
|
|
|
html .gist .gist-file { |
|
|
|
margin-bottom: 1.8em; |
|
|
|
position: relative; |
|
|
|
border: none; |
|
|
|
padding-top: image-height("code_bg.png") !important; |
|
|
|
.highlight { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
.gist-syntax { |
|
|
|
border-bottom: 0 !important; |
|
|
|
background: none !important; |
|
|
|
.gist-highlight{ |
|
|
|
.gist-highlight { |
|
|
|
background: $base03 !important; |
|
|
|
pre { |
|
|
|
@extend .pre-code; |
|
|
|
} |
|
|
|
.highlight pre { |
|
|
|
@extend .pre-code; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.gist-meta { |
|
|
@ -107,12 +115,11 @@ p, li { |
|
|
|
} |
|
|
|
|
|
|
|
.pre-code { |
|
|
|
@include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px); |
|
|
|
font-family: $mono !important; |
|
|
|
overflow: scroll; |
|
|
|
overflow-y: hidden; |
|
|
|
display: block; |
|
|
|
padding: .8em !important; |
|
|
|
padding: .8em; |
|
|
|
overflow-x: auto; |
|
|
|
line-height: 1.45em; |
|
|
|
background: $base03 $noise-bg !important; |
|
|
@ -187,7 +194,7 @@ p, li { |
|
|
|
} |
|
|
|
|
|
|
|
.highlight, .gist-highlight { |
|
|
|
pre { background: none; @include border-radius(none); border: none; padding: 0; margin-bottom: 0; } |
|
|
|
pre { background: none; @include border-radius(0px); border: none; padding: 0; margin-bottom: 0; } |
|
|
|
margin-bottom: 1.8em; |
|
|
|
background: $base03; |
|
|
|
overflow-y: hidden; |
|
|
@ -206,7 +213,9 @@ pre, .highlight, .gist-highlight { |
|
|
|
&::-webkit-scrollbar-thumb:horizontal { background: $solar-scroll-thumb; -webkit-border-radius: 4px; border-radius: 4px } |
|
|
|
} |
|
|
|
|
|
|
|
.highlight code { @extend .pre-code; background: #000;} |
|
|
|
.highlight code { |
|
|
|
@extend .pre-code; background: #000; |
|
|
|
} |
|
|
|
figure.code { |
|
|
|
background: none; |
|
|
|
padding: 0; |
|
|
@ -250,4 +259,3 @@ figure.code { |
|
|
|
text-shadow: #cbcccc 0 1px 0; |
|
|
|
padding-left: 3em; |
|
|
|
} |
|
|
|
|
|
|
|