1. Styled pagination for blog index

2. Fixed Newer pagination link on page 2
3. Improved sidebar section breakdown on collapse
4. Removed sharing links from the blog index page (moved to pages)
5. Improved styling for metadata on the blog index
6. Moved /blog/archives.html to /blog/archives/index.html
7. Improved responsive layout styling bugs
This commit is contained in:
Brandon Mathis
2011-07-13 22:23:19 -04:00
parent b0921c1e27
commit 87f300b2bc
12 changed files with 62 additions and 45 deletions

View File

@ -5,8 +5,7 @@
}
> article, > div > article {
overflow: hidden;
padding-bottom: 1em;
&:last-child { margin-bottom: 0; }
padding-top: 1em;
h2 {
padding-top: 0.8em;
background: $img-border top left repeat-x;
@ -32,16 +31,16 @@
font-size: .9em;
color: $text-color-light;
margin: 0;
@extend .sans;
&.meta {
@extend .sans;
text-transform: uppercase;
position: absolute; top: 0;
}
}
@media only screen and (min-width: 768px) {
margin-bottom: 1.5em;
padding-bottom: 1em;
background: $img-border bottom left repeat-x;
p.meta { position: absolute; top: 0; }
}
}
.feature {
@ -82,12 +81,13 @@
}
}
> div > article > footer {
margin-bottom: 1.5em;
background: $img-border top left repeat-x;
padding-bottom: 2.5em;
margin-top: 2em;
padding-top: 1em;
@extend .sans;
p.meta { display: inline-block; font-size: .8em; }
p.meta {
margin-bottom: .8em;
font-size: .85em;
}
}
}
@ -95,6 +95,8 @@ article + article {
background: $img-border top left repeat-x;
}
#content .blog-index {
padding: { top: 0; bottom: 0; }
article { padding-top: 2em; }
article header { background: none; padding-bottom: 0; }
article h1 {
font-size: 2.2em;
@ -126,3 +128,23 @@ article + article {
padding: 0 .4em 0 .2em;
display: inline-block;
}
nav[role=pagination] {
text-align: center;
font-size: .95em;
div {
position: relative;
background: $img-border top left repeat-x;
padding: {top: 1.5em; bottom: 1.5em;}
}
a {
text-decoration: none;
color: $text-color-light;
&.prev { position: absolute; left: 0; }
&.next { position: absolute; right: 0; }
&:hover { color: $link-color-hover; }
&[href*=archive] {
&:before, &:after { content: '\2014'; padding: 0 .3em; }
}
}
}

View File

@ -86,7 +86,7 @@ body > nav {
.search { width: 91%; }
}
fieldset[role=mobile-nav] { display: none; }
fieldset[role=site-search]{ width: 100%; }
fieldset[role=site-search]{ width: 99%; }
}
@media only screen and (min-width: 992px) {

View File

@ -1,7 +1,6 @@
footer .sharing {
display: inline-block;
position: relative;
top: .3em;
padding-left: .5em;
&:first-child { padding-left: 0; }
.sharing {
p.meta + & {
padding: { top: 1em; left: 0; }
background: $img-border top left repeat-x;
}
}