mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-12 08:05:18 +01:00
Matthias Kretschmann
384b364a63
- switch to rem based typography - switch to rem based spacing - responsive typography through root font size change
53 lines
865 B
Stylus
53 lines
865 B
Stylus
//
|
|
// kremalicious3
|
|
// --------------
|
|
// Content - Related Posts
|
|
//
|
|
|
|
.related-posts
|
|
.grid
|
|
margin-top: 0
|
|
|
|
.related-posts-title
|
|
@extend .heading-band, .h3
|
|
margin-bottom: $spacer
|
|
|
|
.related-post
|
|
|
|
.post-title
|
|
@extend .h5
|
|
margin: 0
|
|
|
|
.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: $spacer
|
|
padding-top: $spacer
|
|
|
|
.photo-link
|
|
display: block
|
|
border: 2px solid transparent
|
|
|
|
&:hover,
|
|
&:focus
|
|
border-color: $link-color-hover
|
|
border-radius: $border-radius-base
|