Browse code
refactored styling of colors for code blocks, reduced specificty on .feature class for blog posts
Brandon Mathis authored on 03/07/2011 at 22:11:54Showing 4 changed files
- .themes/classic/sass/base/_solarized.scss
- .themes/classic/sass/base/_theme.scss
- .themes/classic/sass/partials/_blog.scss
- .themes/classic/sass/partials/_syntax.scss
| ... | ... |
@@ -1,3 +1,4 @@ |
| 1 |
+$noise-bg: image-url('noise.png') top left;
|
|
| 1 | 2 |
$img-border: inline-image('dotted-border.png');
|
| 2 | 3 |
|
| 3 | 4 |
// Main Link Colors |
| ... | ... |
@@ -20,6 +21,10 @@ $text-color: #222 !default; |
| 20 | 20 |
$text-color-light: #aaa !default; |
| 21 | 21 |
$type-border: #ddd !default; |
| 22 | 22 |
|
| 23 |
+/* non highlighted code colors */ |
|
| 24 |
+$pre-bg: $base03 !default; |
|
| 25 |
+$pre-border: $base02 !default; |
|
| 26 |
+$pre-color: $base1 !default; |
|
| 23 | 27 |
|
| 24 | 28 |
/* Navigation */ |
| 25 | 29 |
$nav-bg: #ccc !default; |
| ... | ... |
@@ -66,11 +71,12 @@ html {
|
| 66 | 66 |
} |
| 67 | 67 |
body {
|
| 68 | 68 |
> div {
|
| 69 |
- background: $sidebar-bg image-url('noise.png') top left;
|
|
| 69 |
+ background: $sidebar-bg $noise-bg; |
|
| 70 | 70 |
border-bottom: 1px solid $page-border-bottom; |
| 71 | 71 |
> div {
|
| 72 |
- background: $main-bg image-url('noise.png') top left;
|
|
| 72 |
+ background: $main-bg $noise-bg; |
|
| 73 | 73 |
border-right: 1px solid $sidebar-border; |
| 74 | 74 |
} |
| 75 | 75 |
} |
| 76 | 76 |
} |
| 77 |
+ |
| ... | ... |
@@ -1,10 +1,9 @@ |
| 1 |
-$pre-bg: image-url('noise.png') top left;
|
|
| 2 | 1 |
.highlight, html .gist .gist-file .gist-syntax .gist-highlight {
|
| 3 | 2 |
.line-numbers {
|
| 4 | 3 |
text-align: right; |
| 5 | 4 |
font-size: .8em; |
| 6 | 5 |
line-height: 1.45em; |
| 7 |
- background: $base02 $pre-bg !important; |
|
| 6 |
+ background: $base02 $noise-bg !important; |
|
| 8 | 7 |
border-right: 1px solid darken($base03, 2) !important; |
| 9 | 8 |
@include box-shadow(lighten($base02, 2) -1px 0 inset); |
| 10 | 9 |
text-shadow: darken($base02, 10) 0 -1px; |
| ... | ... |
@@ -32,7 +31,7 @@ html .gist .gist-file {
|
| 32 | 32 |
border: 1px solid lighten($base02, 2) !important; |
| 33 | 33 |
color: $base01; |
| 34 | 34 |
font-size: .7em !important; |
| 35 |
- background: $base02 $pre-bg; |
|
| 35 |
+ background: $base02 $noise-bg; |
|
| 36 | 36 |
@extend .sans; |
| 37 | 37 |
line-height: 1.5em; |
| 38 | 38 |
a {
|
| ... | ... |
@@ -53,15 +52,15 @@ html .gist .gist-file {
|
| 53 | 53 |
} |
| 54 | 54 |
} |
| 55 | 55 |
pre {
|
| 56 |
- background: $base03 $pre-bg; |
|
| 56 |
+ background: $pre-bg $noise-bg; |
|
| 57 | 57 |
@include border-radius(.4em); |
| 58 | 58 |
@extend .mono; |
| 59 |
- border: 1px solid $base02; |
|
| 59 |
+ border: 1px solid $pre-border; |
|
| 60 | 60 |
line-height: 1.45em; |
| 61 | 61 |
font-size: .8em; |
| 62 | 62 |
margin-bottom: 1.5em; |
| 63 | 63 |
padding: .8em 1em; |
| 64 |
- color: $base1; |
|
| 64 |
+ color: $pre-color; |
|
| 65 | 65 |
overflow: auto; |
| 66 | 66 |
} |
| 67 | 67 |
h3.filename {
|
| ... | ... |
@@ -91,7 +90,7 @@ p code {
|
| 91 | 91 |
padding: .8em !important; |
| 92 | 92 |
overflow-x: auto; |
| 93 | 93 |
line-height: 1.45em; |
| 94 |
- background: $base03 $pre-bg !important; |
|
| 94 |
+ background: $base03 $noise-bg !important; |
|
| 95 | 95 |
color: $base1 !important; |
| 96 | 96 |
span { color: $base1 !important; }
|
| 97 | 97 |
span { font-style: normal !important; font-weight: normal !important; }
|
| ... | ... |
@@ -206,3 +205,4 @@ figure {
|
| 206 | 206 |
padding-left: 3em; |
| 207 | 207 |
} |
| 208 | 208 |
|
| 209 |
+ |