more mobile friendly blogposts

This commit is contained in:
Lorin Werthen 2017-04-21 19:04:01 +02:00
parent a98dbf4713
commit 138c2823e9
No known key found for this signature in database
GPG key ID: F11FFC921E0E08E0
2 changed files with 18 additions and 11 deletions

View file

@ -2,23 +2,30 @@
position: relative; position: relative;
#table-of-contents { #table-of-contents {
@include from($tablet) { @include tablet {
position: absolute; position: absolute;
left: 100%; left: 100%;
} }
@include until($tablet) { @include mobile {
text-align: center; text-align: center;
} }
#markdown-toc {
@extend .menu-list;
&, ul {
margin: 0;
list-style: none;
}
}
} }
}
#markdown-toc { .main-text {
@extend .menu-list; // Larger text when on tablet
@include tablet {
&, ul { font-size: $size-medium;
margin: 0; }
list-style: none;
} }
} }
@ -57,7 +64,7 @@ dl {
margin: auto; margin: auto;
.title { .title {
@include from($tablet) { @include tablet {
font-size: 4rem; font-size: 4rem;
} }
font-weight: bolder; font-weight: bolder;

View file

@ -15,7 +15,7 @@
</div> </div>
<% end %> <% end %>
<div class="content is-medium" markdown="1"> <div class="main-text content" markdown="1">
<%= yield %> <%= yield %>
</div> </div>
</article> </article>