Fix smaller styling issues
* Add space between list of topics in blog post header. * Do not break layout with lis on smaller devices.
This commit is contained in:
parent
73fdd81e7a
commit
6d4961792b
2 changed files with 10 additions and 4 deletions
|
@ -36,9 +36,9 @@
|
||||||
topicUid: topic.data.uid
|
topicUid: topic.data.uid
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{topic.data.title}{f:if(condition: '!{i.isLast}', then: ',')}
|
{topic.data.title}
|
||||||
</f:render>
|
</f:render></f:spaceless>{f:if(condition: '!{i.isLast}', then: ',')}
|
||||||
</f:spaceless></f:for></p>
|
</f:for></p>
|
||||||
</f:if>
|
</f:if>
|
||||||
</f:section>
|
</f:section>
|
||||||
|
|
||||||
|
|
|
@ -95,7 +95,6 @@ aside {
|
||||||
li {
|
li {
|
||||||
margin-right: $spacer;
|
margin-right: $spacer;
|
||||||
line-height: $spacer * 2;
|
line-height: $spacer * 2;
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav li {
|
nav li {
|
||||||
|
@ -111,6 +110,13 @@ aside {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body > main > aside {
|
||||||
|
nav li {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Make main text on pages and blog posts readable
|
// Make main text on pages and blog posts readable
|
||||||
|
|
Loading…
Reference in a new issue