1
0
mirror of https://github.com/danbee/danbarber.me synced 2025-03-04 08:59:10 +00:00
danbarber.me/_assets/stylesheets/parts/post.css.sass
2014-04-28 08:26:11 +01:00

76 lines
1.6 KiB
Sass

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: .8em
font-size: .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: .4em .8em
margin-right: .5em
margin-bottom: 1.5em
text-decoration: none
color: mix($text-color, $text-color-light)
+transition(background-color 0.5s)
&:hover
background: $link-color-hover
text-shadow: none
color: $background-color
.separator
content: "\2022 "
padding: 0 .4em 0 .2em
display: inline-block