diff options
Diffstat (limited to 'themes/classic/sass')
-rw-r--r-- | themes/classic/sass/core/_layout.scss | 6 | ||||
-rw-r--r-- | themes/classic/sass/core/_typography.scss | 2 | ||||
-rw-r--r-- | themes/classic/sass/partials/_blog.scss | 11 | ||||
-rw-r--r-- | themes/classic/sass/partials/_page.scss | 5 | ||||
-rw-r--r-- | themes/classic/sass/partials/_syntax.scss | 13 |
5 files changed, 17 insertions, 20 deletions
diff --git a/themes/classic/sass/core/_layout.scss b/themes/classic/sass/core/_layout.scss index 8ad14a98..b24e1b29 100644 --- a/themes/classic/sass/core/_layout.scss +++ b/themes/classic/sass/core/_layout.scss @@ -1,8 +1,12 @@ $max-width: 1200px !default; + +// Padding used for layout margins $pad-min: 18px !default; $pad-narrow: 25px !default; $pad-medium: 35px !default; $pad-wide: 55px !default; + +// Sidebar widths used in media queries $sidebar-width-medium: 240px !default; $sidebar-pad-medium: 15px !default; $sidebar-pad-wide: 20px !default; @@ -15,7 +19,7 @@ body { max-width: $max-width; position: relative; margin: 0 auto; - > header, > nav, > footer, #articles > article { + > header, > nav, > footer, #articles > article, #articles > nav { @extend .group; padding-left: $pad-min; padding-right: $pad-min; diff --git a/themes/classic/sass/core/_typography.scss b/themes/classic/sass/core/_typography.scss index 3e07c93c..8ab0e657 100644 --- a/themes/classic/sass/core/_typography.scss +++ b/themes/classic/sass/core/_typography.scss @@ -53,7 +53,7 @@ h6, section h5, section section h4, section section section h3 { } p, blockquote, ul, ol { margin-bottom: 1.5em; } -ul{ list-style-type: disc; } +ul{ list-style-type: circle; } ol{ list-style-type: decimal; ol { list-style-type: lower-alpha; } } ul ul, ol ol { margin-left: 1.75em; } diff --git a/themes/classic/sass/partials/_blog.scss b/themes/classic/sass/partials/_blog.scss index 485f5e89..12f596a1 100644 --- a/themes/classic/sass/partials/_blog.scss +++ b/themes/classic/sass/partials/_blog.scss @@ -46,7 +46,6 @@ $border: inline-image('dotted-border.png'); background: $border bottom left repeat-x; p.meta { position: static; } } - } h1.feature { padding-top: .5em; @@ -58,12 +57,15 @@ $border: inline-image('dotted-border.png'); } .entry-content { img, video { max-width: 100%; height: auto; } - video { display: block; margin-bottom: 1.5em; + video { + width: 100%; display: block; margin-bottom: 1.5em; padding: .8em; background: #fff; border: 1px solid #eee; @include box-sizing(border-box); } .flash-video { max-width: 100%; + margin-bottom: 1.5em; + @include box-sizing(border-box); padding: .8em; background: #fff; border: 1px solid #eee; > div { position: relative; @@ -82,12 +84,7 @@ $border: inline-image('dotted-border.png'); } } } - #disqus_thread { } - iframe.twitter-share-button { - //display: block; - //margin-top: .5em; - //padding: .2em 0; position: relative; top: .3em; padding-left: .5em; diff --git a/themes/classic/sass/partials/_page.scss b/themes/classic/sass/partials/_page.scss index 8bda58e1..99a07ebc 100644 --- a/themes/classic/sass/partials/_page.scss +++ b/themes/classic/sass/partials/_page.scss @@ -2,7 +2,6 @@ html { background: $page-bg inline-image('line-tile.png') top left; } body { - border: 0 0 1px 0 solid darken($page-bg, 5); > div { background-color: $sidebar-bg; border-bottom: 1px solid $page-border-bottom; @@ -12,7 +11,3 @@ body { } } } - -@media only screen and (min-width: 1400px) { - body { border: 0 1px 0 solid darken($page-bg, 5); } -} diff --git a/themes/classic/sass/partials/_syntax.scss b/themes/classic/sass/partials/_syntax.scss index 7ee650cb..dc6472f2 100644 --- a/themes/classic/sass/partials/_syntax.scss +++ b/themes/classic/sass/partials/_syntax.scss @@ -51,17 +51,20 @@ html .gist .gist-file { } } pre { - background: #fff; - border: 1px solid #ddd; + background: #333; @include border-radius(.4em); @extend .mono; line-height: 1.45em; font-size: .8em; margin-bottom: 1.5em; padding: .8em 1em; - color: #555; + color: #ccc; overflow: auto; } +h3.filename { + @extend .code-title; + + pre { @include border-top-radius(0px); } +} p code { @extend .mono; @@ -172,16 +175,14 @@ figure { } .highlight { margin-bottom: 0; border-bottom: 1px solid darken($base03, 2) !important; } } -h3.filename { @extend .code-title; } .code-title { text-align: center; font-size: 13px; line-height: 2em; text-shadow: #cbcccc 0 1px 0; color: #474747; - font-style: normal; + font-weight: normal; margin-bottom: 0; - @include border-top-radius(5px); font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif; background: #aaaaaa image-url("code_bg.png") top repeat-x; |