mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-23 10:27:20 +01:00
62 lines
1.1 KiB
Stylus
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
|