mirror of
https://github.com/danbee/danbarber.me
synced 2025-03-04 08:59:10 +00:00
83 lines
1.7 KiB
SCSS
83 lines
1.7 KiB
SCSS
article {
|
|
border-bottom: 1px dashed $border-color;
|
|
padding-bottom: 0;
|
|
margin-bottom: 1em;
|
|
.entry-content {
|
|
margin-bottom: 2em;
|
|
}
|
|
header {
|
|
position: relative;
|
|
margin-top: 2em;
|
|
padding-top: 0.6em;
|
|
.meta {
|
|
text-transform: uppercase;
|
|
color: $meta-text-color;
|
|
font-size: 0.8em;
|
|
letter-spacing: 0.1em;
|
|
width: 100%;
|
|
text-rendering: optimizelegibility;
|
|
position: absolute;
|
|
top: 0;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
header a {
|
|
color: $heading-color;
|
|
text-decoration: none;
|
|
&:hover, &:focus {
|
|
color: $link-color-hover;
|
|
}
|
|
}
|
|
figure {
|
|
margin: 1.5em 0 0 0;
|
|
figcaption {
|
|
font-size: 0.7em;
|
|
font-style: italic;
|
|
text-align: right;
|
|
opacity: 0.6;
|
|
}
|
|
}
|
|
img, video, .flash-video {
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
|
|
padding: 0.5em;
|
|
margin: -0.5em;
|
|
}
|
|
> footer {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
p.meta {
|
|
margin-bottom: 0.8em;
|
|
font-size: 0.85em;
|
|
clear: both;
|
|
overflow: hidden;
|
|
}
|
|
.byline + time:before, time + time:before, .comments:before, .byline ~ .categories:before {
|
|
@extend .separator;
|
|
}
|
|
}
|
|
footer {
|
|
a[rel=full-article] {
|
|
background: darken($background-color, 8);
|
|
border-radius: 2px;
|
|
display: inline-block;
|
|
padding: 0.4em 0.8em;
|
|
margin-right: 0.5em;
|
|
margin-bottom: 1.5em;
|
|
text-decoration: none;
|
|
color: mix($text-color, $text-color-light);
|
|
@include transition(background-color 0.5s);
|
|
&:hover {
|
|
background: $link-color-hover;
|
|
text-shadow: none;
|
|
color: $background-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.separator {
|
|
content: "•";
|
|
padding: 0 0.4em 0 0.2em;
|
|
display: inline-block;
|
|
}
|