f77db80077
2. Improved Blockquote comment header 3. Added Include File and Pullquote plugins 4. Improved blog typography 5. Simplified "Read more" link
113 lines
2.7 KiB
SCSS
113 lines
2.7 KiB
SCSS
$border: inline-image('dotted-border.png');
|
|
#articles {
|
|
@media only screen and (max-width: 992px) {
|
|
ul, ol { margin-left: 1.4em; }
|
|
}
|
|
> article {
|
|
padding-bottom: 1em;
|
|
&:last-child { margin-bottom: 0; border-bottom: none; }
|
|
h2 {
|
|
padding-top: 0.8em;
|
|
background: $border top left repeat-x;
|
|
&:first-child {
|
|
background: none;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
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: 1em;
|
|
background: $border bottom left repeat-x;
|
|
h1 {
|
|
margin: 0;
|
|
a { text-decoration: none;
|
|
&:hover { text-decoration: underline; } }
|
|
}
|
|
p {
|
|
font-size: .9em;
|
|
color: $type-color-light;
|
|
margin: 0;
|
|
@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 {
|
|
img, video { max-width: 100%; height: auto; }
|
|
video { display: block; margin-bottom: 1.5em;
|
|
padding: .8em; background: #fff; border: 1px solid #eee;
|
|
@include box-sizing(border-box);
|
|
}
|
|
.flash-video {
|
|
max-width: 100%;
|
|
padding: .8em; background: #fff; border: 1px solid #eee;
|
|
> div {
|
|
position: relative;
|
|
display: block;
|
|
padding-bottom: 56.25%;
|
|
padding-top: 1px;
|
|
height: 0;
|
|
overflow: hidden;
|
|
iframe, object, embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#disqus_thread { }
|
|
|
|
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;
|
|
}
|
|
}
|
|
}
|