aboutsummaryrefslogtreecommitdiff
path: root/themes/classic/sass
diff options
context:
space:
mode:
Diffstat (limited to 'themes/classic/sass')
-rw-r--r--themes/classic/sass/core/_layout.scss6
-rw-r--r--themes/classic/sass/core/_typography.scss2
-rw-r--r--themes/classic/sass/partials/_blog.scss11
-rw-r--r--themes/classic/sass/partials/_page.scss5
-rw-r--r--themes/classic/sass/partials/_syntax.scss13
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;