aboutsummaryrefslogtreecommitdiff
path: root/themes/classic/sass/default/partials
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-06-19 15:14:01 -0400
committerBrandon Mathis <brandon@imathis.com>2011-06-19 15:14:01 -0400
commitf77db80077d739077becc1618b87818ea42f145c (patch)
treee12f94b6badb067597bf76b1dd383a2c370b82c4 /themes/classic/sass/default/partials
parent105ba1434314e06f6cce39e17aedd1f0d66a92d6 (diff)
downloadmy_new_personal_website-f77db80077d739077becc1618b87818ea42f145c.tar.xz
my_new_personal_website-f77db80077d739077becc1618b87818ea42f145c.zip
1. Switched back to Rdiscount
2. Improved Blockquote comment header 3. Added Include File and Pullquote plugins 4. Improved blog typography 5. Simplified "Read more" link
Diffstat (limited to 'themes/classic/sass/default/partials')
-rw-r--r--themes/classic/sass/default/partials/_blog.scss62
-rw-r--r--themes/classic/sass/default/partials/_syntax.scss1
2 files changed, 44 insertions, 19 deletions
diff --git a/themes/classic/sass/default/partials/_blog.scss b/themes/classic/sass/default/partials/_blog.scss
index 1f1a4a86..be6239af 100644
--- a/themes/classic/sass/default/partials/_blog.scss
+++ b/themes/classic/sass/default/partials/_blog.scss
@@ -14,16 +14,17 @@ $border: inline-image('dotted-border.png');
padding-top: 0;
}
}
- .byline + time:before, .byline + time +time:before {
+ time + .byline:before, .byline + time +time:before {
content: "\2022 ";
padding: 0 .3em 0 .2em;
display: inline-block;
@include opacity(.5);
}
header {
+ position: relative;
padding-top: 2em;
margin-bottom: 1.5em;
- padding-bottom: 1.5em;
+ padding-bottom: 1em;
background: $border bottom left repeat-x;
h1 {
margin: 0;
@@ -33,11 +34,24 @@ $border: inline-image('dotted-border.png');
p {
font-size: .9em;
color: $type-color-light;
- border: none;
- padding-top: 0;
margin: 0;
- font-style: italic;
@extend .sans;
+ &.meta {
+ text-transform: uppercase;
+ position: absolute;
+ top: 0;
+ }
+ }
+ @media only screen and (max-width: 768px) {
+ padding-bottom: 1em;
+ margin-bottom: 1em;
+ background: $border bottom left repeat-x;
+ p.meta { position: static; }
+ }
+
+ &.feature h1 {
+ font-size: 2.0em; font-style: italic;
+ line-height: 1.3em;
}
}
.entry-content {
@@ -66,23 +80,33 @@ $border: inline-image('dotted-border.png');
}
}
}
- header.feature h1 {
- font-size: 2.0em; font-style: italic;
- line-height: 1.3em;
- }
#disqus_thread { }
- .meta {
- border-bottom: 1px dashed #dddddd;
- text-transform: uppercase;
- color: #777777;
- padding: 8px 0 5px;
- margin-bottom: 1.5em;
- font-size: 75%;
- letter-spacing: 1px;
- }
- .footer {
+ footer {
padding-top: 15px;
+ time, .author { color: $light-text; }
+ }
+ }
+}
+article + article {
+ background: $border top left repeat-x;
+}
+#articles.blog-index {
+ article header { background: none; padding-bottom: 0; }
+ article h1 {
+ font-size: 2.2em;
+ a { color: inherit; &:hover{ color: $link-color-hover; } }
+ }
+ a[rel=full-article] {
+ background: darken($main-bg, 5);
+ display: inline-block;
+ padding: .4em .8em;
+ margin-right: .5em;
+ text-decoration: none;
+ @include transition(background-color, .5s);
+ &:hover {
+ background: $link-color-hover;
+ color: $main-bg;
}
}
}
diff --git a/themes/classic/sass/default/partials/_syntax.scss b/themes/classic/sass/default/partials/_syntax.scss
index 22f5eb06..05a97082 100644
--- a/themes/classic/sass/default/partials/_syntax.scss
+++ b/themes/classic/sass/default/partials/_syntax.scss
@@ -60,6 +60,7 @@ pre {
margin-bottom: 1.5em;
padding: .4em .8em;
color: #555;
+ overflow: auto;
}
p code {