From 3994e0d6f349b923bae0d83a46fe92bf52bf75e3 Mon Sep 17 00:00:00 2001 From: Brandon Mathis Date: Sun, 3 Jun 2012 00:27:42 -0500 Subject: [PATCH] updated to latest style --- sass/base/_solarized.scss | 7 ++++++- sass/base/_theme.scss | 2 +- sass/custom/_colors.scss | 14 ++++++++++---- sass/partials/_syntax.scss | 18 ++++++++++++++++++ 4 files changed, 35 insertions(+), 6 deletions(-) diff --git a/sass/base/_solarized.scss b/sass/base/_solarized.scss index da5ca9e..4373d60 100644 --- a/sass/base/_solarized.scss +++ b/sass/base/_solarized.scss @@ -1,4 +1,4 @@ -$solarized: dark !default; +$solarized: light !default; $pre-bg: default !default; $base03: #002b36 !default; //darkest blue @@ -66,4 +66,9 @@ $pre-color: $base1 !default; $base1: $pre-color; } +$marker: rgba(#00baff, .5) !default; +$marker-bg: rgba($marker, .03) !default; +$marker-border: rgba($marker, .13) !default; +$marker-border-left: $marker !default; + $code-selection-color: false !default; diff --git a/sass/base/_theme.scss b/sass/base/_theme.scss index 9a50a8b..7f3fa5c 100644 --- a/sass/base/_theme.scss +++ b/sass/base/_theme.scss @@ -1,5 +1,5 @@ $noise-bg: image-url('noise.png') top left !default; -$img-border: inline-image('dotted-border.png'); +$img-border: inline-image('dotted-border.png') !default; // Main Link Colors $link-color: lighten(#165b94, 3) !default; diff --git a/sass/custom/_colors.scss b/sass/custom/_colors.scss index a97fd98..8da11b0 100644 --- a/sass/custom/_colors.scss +++ b/sass/custom/_colors.scss @@ -13,15 +13,21 @@ $sidebar-link-color: saturate(#526f9a, 10); $sidebar-link-color-hover: darken(#7ab662, 9); -/* To use the light code highlighting theme uncomment the following line */ +/* To use the dark code highlighting theme uncomment the following line */ -$solarized: light; +//$solarized: dark; /* To adjust the background color uncomment and edit the following line */ -/* If you intend to use a light background, uncomment $solarized: light; above*/ +/* If you intend to use a dark background, uncomment $solarized: dark; above*/ -//$pre-bg: $base03; +//$pre-bg: #252525; +/* To change the color of the code markers, uncomment and change the following lines */ + +$marker: rgba(#00baff, .5); +$marker-bg: rgba($marker, .03); +$marker-border: rgba($marker, .13); +$marker-border-left: $marker; /* For fine control over the syntax highlighting colors edit here */ diff --git a/sass/partials/_syntax.scss b/sass/partials/_syntax.scss index 2e5292a..1ab02c1 100644 --- a/sass/partials/_syntax.scss +++ b/sass/partials/_syntax.scss @@ -26,6 +26,24 @@ figure.code, .gist-file, pre { .highlight pre { @include box-shadow(none); } } +pre .line.marked { + position: relative; + display: block; + &:after { + content: ""; + position: absolute; + background: $marker-bg; + left: -.8em; top: 0; bottom: 0; right: -.8em; + border: 1px solid { left-color: $marker-border-left; left-width: 2px; right-color: $marker-border; top: 0; bottom: 0; } + } + &.start:after { + border-top: 1px solid $marker-border; + } + &.end:after { + border-bottom: 1px solid $marker-border; + } +} + html .gist .gist-file { margin-bottom: 1.8em; position: relative;