fix table of contents

This commit is contained in:
Lorin Werthen 2017-04-21 18:54:46 +02:00
parent e418f3eac7
commit a98dbf4713
No known key found for this signature in database
GPG key ID: F11FFC921E0E08E0
2 changed files with 25 additions and 7 deletions

View file

@ -1,3 +1,18 @@
.blogpost {
position: relative;
#table-of-contents {
@include from($tablet) {
position: absolute;
left: 100%;
}
@include until($tablet) {
text-align: center;
}
}
}
#markdown-toc { #markdown-toc {
@extend .menu-list; @extend .menu-list;
@ -42,7 +57,9 @@ dl {
margin: auto; margin: auto;
.title { .title {
font-size: 4rem; @include from($tablet) {
font-size: 4rem;
}
font-weight: bolder; font-weight: bolder;
} }

View file

@ -1,11 +1,7 @@
<article class="column is-offset-2 is-8" markdown="1"> <article class="blogpost column is-offset-2 is-8" markdown="1">
<div class="content is-medium" markdown="1">
<%= yield %>
</div>
</article>
<% if item[:toc] %> <% if item[:toc] %>
<div class="menu column" markdown="1"> <div id="table-of-contents" class="menu column" markdown="1">
<p class="menu-label"> <p class="menu-label">
Inhoudstabel Inhoudstabel
</p> </p>
@ -18,3 +14,8 @@
<% end %> <% end %>
</div> </div>
<% end %> <% end %>
<div class="content is-medium" markdown="1">
<%= yield %>
</div>
</article>