1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-27 04:10:03 +01:00
blog/_src/_assets/styl/content-related.styl

62 lines
1.1 KiB
Stylus
Raw Normal View History

2014-07-12 21:22:47 +02:00
//
// kremalicious3
// --------------
// Content - Related Posts
//
.related-posts
2015-08-09 21:50:06 +02:00
.grid
2014-07-12 21:22:47 +02:00
margin-top: 0
.related-posts-title
@extend .heading-band, .h3
margin-bottom: $spacer
2014-07-12 21:22:47 +02:00
.related-post
picture
img
@extend .media-frame
2014-07-12 21:22:47 +02:00
.post-title
@extend .h5, .transition
margin-top: ($spacer / 3)
margin-bottom: 0
padding: 0 2px
2014-07-12 21:22:47 +02:00
.post-title-link
2014-07-13 00:11:03 +02:00
@extend .transition
display: block
2014-07-12 21:22:47 +02:00
&:hover,
&:focus
.post-title
color: $link-color
picture
img
border-color: $link-color-hover
2014-07-12 21:22:47 +02:00
&:active
.post-title
color: #fff
transition: none
2014-07-12 21:22:47 +02:00
//
// Related Photos
//
.related-photos
@extend .divider-top
margin-top: $spacer
padding-top: $spacer
2015-06-14 01:28:46 +02:00
.photo-link
display: block
img
@extend .media-frame
2015-06-14 01:28:46 +02:00
&:hover,
&:focus
img
border-color: $link-color-hover
border-radius: $border-radius-base