Add post pagination links and padding to Disqus comments. Resolves #7

This commit is contained in:
Michael Rose 2013-06-27 16:08:25 -04:00
parent 7776dc2b66
commit dceaae82a3
3 changed files with 18 additions and 0 deletions

View file

@ -32,6 +32,14 @@
{% if page.comments %}<div id="disqus_thread"></div><!-- /#disqus_thread -->{% endif %} {% if page.comments %}<div id="disqus_thread"></div><!-- /#disqus_thread -->{% endif %}
</div><!-- /.entry-content --> </div><!-- /.entry-content -->
</div><!-- /.entry-wrapper --> </div><!-- /.entry-wrapper -->
<nav class="pagination" role="navigation">
{% if page.previous %}
<a href="{{ site.url }}{{ page.previous.url }}" class="btn" title="{{ page.previous.title }}">Previous article</a>
{% endif %}
{% if page.next %}
<a href="{{ site.url }}{{ page.next.url }}" class="btn" title="{{ page.next.title }}">Next article</a>
{% endif %}
</nav><!-- /.pagination -->
</article> </article>
</div><!-- /#main --> </div><!-- /#main -->

View file

@ -597,6 +597,8 @@ span+.entry-title{margin-top:0;}
.entry-content{max-width:640px;width:100%;margin-right:auto;margin-left:auto;}.entry-content p:first-child{margin-top:0;} .entry-content{max-width:640px;width:100%;margin-right:auto;margin-left:auto;}.entry-content p:first-child{margin-top:0;}
@media only screen and (min-width: 62.5em){.entry-content{float:left;}}.entry-content p>a,.entry-content li>a{border-bottom:1px dotted #b3b3b3;}.entry-content p>a:hover,.entry-content li>a:hover{border-bottom-style:solid;} @media only screen and (min-width: 62.5em){.entry-content{float:left;}}.entry-content p>a,.entry-content li>a{border-bottom:1px dotted #b3b3b3;}.entry-content p>a:hover,.entry-content li>a:hover{border-bottom-style:solid;}
.post-list li>a{border-bottom-width:0;} .post-list li>a{border-bottom-width:0;}
.pagination{text-align:center;}
#disqus_thread{margin-top:2em;}
#home .entry-title,#page .entry-title{text-align:center;max-width:100%;} #home .entry-title,#page .entry-title{text-align:center;max-width:100%;}
@media only screen and (min-width: 62.5em){#home .entry-content,#page .entry-content{float:none;}} @media only screen and (min-width: 62.5em){#home .entry-content,#page .entry-content{float:none;}}
.post-list{margin:0;padding:0;list-style-type:none;}.post-list li{padding:8px 0;border-bottom:1px solid #cccccc;border-bottom:1px solid rgba(0, 0, 0, 0.1);*zoom:1;}.post-list li:before,.post-list li:after{display:table;content:"";line-height:0;} .post-list{margin:0;padding:0;list-style-type:none;}.post-list li{padding:8px 0;border-bottom:1px solid #cccccc;border-bottom:1px solid rgba(0, 0, 0, 0.1);*zoom:1;}.post-list li:before,.post-list li:after{display:table;content:"";line-height:0;}

View file

@ -292,6 +292,14 @@ span + .entry-title {
border-bottom-width: 0; border-bottom-width: 0;
} }
} }
// Pagination
.pagination {
text-align: center;
}
// Disqus Comments
#disqus_thread {
margin-top: 2em;
}
// Page layout // Page layout
#home, #home,
#page { #page {