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:
parent
1ad1b7fe28
commit
7d55799afe
@ -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>
|
||||
|
30
_src/assets/less/content-related.less
Normal file
30
_src/assets/less/content-related.less
Normal 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 }
|
||||
|
||||
}
|
@ -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';
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user