1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-24 02:06:17 +01:00
blog/_src/_assets/styl/_kremalicious/content-related.styl

51 lines
911 B
Stylus

//
// kremalicious3
// --------------
// Content - Related Posts
//
.related-posts
.grid
margin-top: 0
.related-posts-title
@extend .heading-band, .h3
margin-bottom: $spacer
.related-post
picture
img
@extend .media-frame
.post-title
@extend .h5, .transition, .text-dimmed
margin-top: ($spacer / 3)
margin-bottom: 0
padding: 0 2px
.post-title-link
@extend .transition, .link--nounderline
display: block
&:hover,
&:focus
.post-title
color: $link-color
picture
img
border-color: $link-color-hover
&:active
.post-title
color: #fff
transition: none
//
// Related Photos
//
.related-photos
@extend .divider-top
margin-top: $spacer
padding-top: $spacer