@import 'fundamentals';
@import 'variables';
@import 'syntax'; @import 'globals'; @import 'typography';
//Components @import 'header'; @import 'footer'; @import 'tables';
//Pages @import “blog”; @import 'post';
//Dynamic header media query
{% assign i = 0 %} {% for pg in site.pages %}
{% if pg.menu == true %} {% assign i = i | plus: 1 %} {% endif %}
{% endfor %}
{% assign i = i | times: 70 | plus: 420 %}
@media screen and (max-width: {{i}}px){ header {
justify-content: flex-start; margin-bottom: -20px;
} nav {
overflow-y: hidden; overflow-x: auto; max-height: 50px; -webkit-overflow-scrolling: touch; border-bottom: 2px solid {{site.socialBtnsColor}}; width: 100%;
} nav a {
text-decoration: none;
} nav ul {
margin-right: 0; overflow-x: auto; margin: 10px 0 0 40px; display: flex; overflow-x: auto; padding-bottom: 30px; margin-left: 10px; margin-top: 5px;
} header .title {
margin-left: 20px; margin-top: 5px; margin-bottom: 5px; font-size: 120%;
} }