m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-14 17:15:18 +01:00
Code

style related posts

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_src/_includes/relatedposts.html
View File

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

30
_src/assets/less/content-related.less Normal file
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 }
}

1
_src/assets/less/kremalicious3.less
View File

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