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

54 lines
965 B
Stylus

//
// kremalicious3
// --------------
// Content - Related Posts
//
.related-posts
.row
margin-top: 0
.related-posts-title
@extend .heading-band, .h3
margin-bottom: $line-height-computed
.related-post
.post-title
@extend .h5
margin-top: $line-height-computed
margin-bottom: $line-height-computed
.post-title,
.post-title-link
@extend .transition
color: $brand-grey-light
&:hover,
&:focus
color: $link-color
&:active
color: #fff
transition: none
.post-title-link
display: block
//
// Related Photos
//
.related-photos
@extend .divider-top
margin-top: $line-height-computed*2
.photo-link
display: block
margin-bottom: 15%
border: 2px solid transparent
&:hover,
&:focus
border-color: $link-color-hover
border-radius: $border-radius-base