1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-13 16:45:14 +01:00

style related posts

This commit is contained in:
Matthias Kretschmann 2014-07-05 13:13:46 +02:00
parent 1ad1b7fe28
commit 7d55799afe
3 changed files with 33 additions and 2 deletions

View File

@ -1,14 +1,14 @@
{% if site.related_posts.size > 1 %}
<aside class="related-posts">
<h1 class="related-title">Related</h1>
<h1 class="related-posts-title">Related</h1>
<div class="row">
{% for post in site.related_posts limit:6 %}
<article class="related-post col2">
<a href="{{ post.url }}">
<a class="post-title-link" href="{{ post.url }}">
<h1 class="post-title">{{ post.title }}</h1>
</a>
</article>

View File

@ -0,0 +1,30 @@
// 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(.h6);
margin-top: @line-height-computed;
margin-bottom: @line-height-computed;
}
.post-title,
.post-title-link {
color: @brand-grey-light;
.transition;
&:hover { color: @link-color }
}
.post-title-link { display: block }
}

View File

@ -49,6 +49,7 @@
@import 'content.less';
@import 'content-photo.less';
@import 'content-link.less';
@import 'content-related.less';
@import 'comments.less';
@import 'sticky.less';