Mic92/blog
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refactored styling of colors for code blocks, reduced specificty on .feature class for blog posts

Browse Source
This commit is contained in:
Brandon Mathis 2011-07-03 18:11:54 -04:00
parent e30a298eb9
commit 8e6da4ee38
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.themes/classic/sass/base/_solarized.scss
View File

@ -14,3 +14,5 @@ $violet: #6c71c4;
$blue: #268bd2; $blue: #268bd2;
$cyan: #2aa198; $cyan: #2aa198;
$green: #859900; $green: #859900;
$pre-bg: $base03 !default;

10
.themes/classic/sass/base/_theme.scss
View File

@ -1,3 +1,4 @@
$noise-bg: image-url('noise.png') top left;
$img-border: inline-image('dotted-border.png'); $img-border: inline-image('dotted-border.png');
// Main Link Colors // Main Link Colors
@ -20,6 +21,10 @@ $text-color: #222 !default;
$text-color-light: #aaa !default; $text-color-light: #aaa !default;
$type-border: #ddd !default; $type-border: #ddd !default;
/* non highlighted code colors */
$pre-bg: $base03 !default;
$pre-border: $base02 !default;
$pre-color: $base1 !default;
/* Navigation */ /* Navigation */
$nav-bg: #ccc !default; $nav-bg: #ccc !default;
@ -66,11 +71,12 @@ html {
} }
body { body {
> div { > div {
background: $sidebar-bg image-url('noise.png') top left; background: $sidebar-bg $noise-bg;
border-bottom: 1px solid $page-border-bottom; border-bottom: 1px solid $page-border-bottom;
> div { > div {
background: $main-bg image-url('noise.png') top left; background: $main-bg $noise-bg;
border-right: 1px solid $sidebar-border; border-right: 1px solid $sidebar-border;
} }
} }
} }

2
.themes/classic/sass/partials/_blog.scss
View File

@ -43,7 +43,7 @@
p.meta { position: absolute; top: 0; } p.meta { position: absolute; top: 0; }
} }
} }
h1.feature { .feature {
padding-top: .5em; padding-top: .5em;
margin-bottom: 1em; margin-bottom: 1em;
padding-bottom: 1em; padding-bottom: 1em;

14
.themes/classic/sass/partials/_syntax.scss
View File

@ -1,10 +1,9 @@
$pre-bg: image-url('noise.png') top left;
.highlight, html .gist .gist-file .gist-syntax .gist-highlight { .highlight, html .gist .gist-file .gist-syntax .gist-highlight {
.line-numbers { .line-numbers {
text-align: right; text-align: right;
font-size: .8em; font-size: .8em;
line-height: 1.45em; line-height: 1.45em;
background: $base02 $pre-bg !important; background: $base02 $noise-bg !important;
border-right: 1px solid darken($base03, 2) !important; border-right: 1px solid darken($base03, 2) !important;
@include box-shadow(lighten($base02, 2) -1px 0 inset); @include box-shadow(lighten($base02, 2) -1px 0 inset);
text-shadow: darken($base02, 10) 0 -1px; text-shadow: darken($base02, 10) 0 -1px;
@ -32,7 +31,7 @@ html .gist .gist-file {
border: 1px solid lighten($base02, 2) !important; border: 1px solid lighten($base02, 2) !important;
color: $base01; color: $base01;
font-size: .7em !important; font-size: .7em !important;
background: $base02 $pre-bg; background: $base02 $noise-bg;
@extend .sans; @extend .sans;
line-height: 1.5em; line-height: 1.5em;
a { a {
@ -53,15 +52,15 @@ html .gist .gist-file {
} }
} }
pre { pre {
background: $base03 $pre-bg; background: $pre-bg $noise-bg;
@include border-radius(.4em); @include border-radius(.4em);
@extend .mono; @extend .mono;
border: 1px solid $base02; border: 1px solid $pre-border;
line-height: 1.45em; line-height: 1.45em;
font-size: .8em; font-size: .8em;
margin-bottom: 1.5em; margin-bottom: 1.5em;
padding: .8em 1em; padding: .8em 1em;
color: $base1; color: $pre-color;
overflow: auto; overflow: auto;
} }
h3.filename { h3.filename {
@ -91,7 +90,7 @@ p code {
padding: .8em !important; padding: .8em !important;
overflow-x: auto; overflow-x: auto;
line-height: 1.45em; line-height: 1.45em;
background: $base03 $pre-bg !important; background: $base03 $noise-bg !important;
color: $base1 !important; color: $base1 !important;
span { color: $base1 !important; } span { color: $base1 !important; }
span { font-style: normal !important; font-weight: normal !important; } span { font-style: normal !important; font-weight: normal !important; }
@ -206,3 +205,4 @@ figure {
padding-left: 3em; padding-left: 3em;
} }