1. Udated category layout

2. Improved scoping and styling for links
3. Sidebar collapse improvements
This commit is contained in:
Brandon Mathis
2011-07-15 15:50:48 -04:00
parent 4443fd4429
commit 8b6d83ae60
9 changed files with 84 additions and 56 deletions

View File

@ -1,3 +1,6 @@
#archive {
#content > div { &, > article { padding-top: 0; } }
}
#blog-archives {
article {
padding: 1em 0 1em;
@ -6,12 +9,10 @@
&:last-child {
background: none;
}
footer { padding: 0; margin: 0;}
}
h2 {
background: none;
display: none;
}
h1, h2 { color: $text-color; margin-bottom: .3em; }
h1 { color: $text-color; margin-bottom: .3em; }
h2 { display: none; }
h1 {
font-size: 1.5em;
a {
@ -30,7 +31,7 @@
.entry-content { display: none; }
time {
font-size: .9em;
line-height: 1em;
line-height: 1.2em;
.month, .day { display: inline-block; }
.month { text-transform: uppercase; }
}
@ -40,10 +41,11 @@
@media only screen and (min-width: 550px) {
article { margin-left: 5em; }
h2 {
background: none;
margin-bottom: .3em;
font-weight: normal;
display: inline-block;
position: relative; top: -1px;
float: left;
padding-top: .75em;
&:first-child { padding-top: .75em; }
}
time {

View File

@ -1,21 +1,10 @@
#content {
article { ul, ol { margin-left: 1.4em; }}
article {
overflow: hidden;
padding-top: 1em;
ul, ol { margin-left: 1.4em; }
@media only screen and (min-width: 768px) {
ul, ol { margin-left: 0; }
}
> article, > div > article {
overflow: hidden;
padding-top: 1em;
h2 {
padding-top: 0.8em;
background: $img-border top left repeat-x;
.entry-content &:first-child { padding-top: 0; }
&:first-child { background: none; }
}
.byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
@extend .separator;
}
}
header {
position: relative;
padding-top: 2em;
@ -43,6 +32,12 @@
background: $img-border bottom left repeat-x;
}
}
h2 {
padding-top: 0.8em;
background: $img-border top left repeat-x;
.entry-content &:first-child { padding-top: 0; }
&:first-child { background: none; }
}
.feature {
padding-top: .5em;
margin-bottom: 1em;
@ -80,7 +75,7 @@
}
}
}
> div > article > footer {
> footer {
padding-bottom: 2.5em;
margin-top: 2em;
@extend .sans;
@ -88,6 +83,9 @@
margin-bottom: .8em;
font-size: .85em;
}
.byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
@extend .separator;
}
}
}
@ -129,7 +127,7 @@ article + article {
display: inline-block;
}
nav[role=pagination] {
#content nav[role=pagination] {
text-align: center;
font-size: .95em;
div {

View File

@ -13,7 +13,7 @@ body > footer {
@include border-bottom-radius(.4em);
z-index: 1;
a {
@include link-colors($footer-link-color, $footer-link-color-hover);
@include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color);
}
p:last-child { margin-bottom: 0; }
}

View File

@ -88,7 +88,6 @@ body > nav {
fieldset[role=mobile-nav] { display: none; }
fieldset[role=site-search]{ width: 99%; }
}
@media only screen and (min-width: 992px) {
form {
width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 10px;

View File

@ -167,6 +167,12 @@ p code {
overflow-y: hidden;
overflow-x: auto;
}
pre, .highlight, .gist-highlight {
&::-webkit-scrollbar { height: .5em; background: rgba(#fff, .15); }
//&::-webkit-scrollbar-track { -webkit-box-shadow: $base03 1px 1px 0 inset; }
&::-webkit-scrollbar-thumb:horizontal { background: rgba(#fff, .2); -webkit-border-radius: 4px; border-radius: 4px }
}
.highlight code { @extend .pre-code; background: #000;}
figure {
margin-bottom: 1.5em;