1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-14 09:05:17 +01:00
blog/_src/_assets/styl/content-related.styl

62 lines
1.1 KiB
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
margin-top: ($spacer / 3)
margin-bottom: 0
padding: 0 2px
.post-title-link
@extend .transition
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
.photo-link
display: block
img
@extend .media-frame
&:hover,
&:focus
img
border-color: $link-color-hover
border-radius: $border-radius-base