Fixing navbar rendering

This commit is contained in:
Lucas Cimon 2017-11-06 15:08:11 +01:00
parent 15951e4ae1
commit 565bf86d2a
No known key found for this signature in database
GPG Key ID: 08DA831E717571EE
2 changed files with 9 additions and 10 deletions

View File

@ -27,9 +27,6 @@ a {
a:hover {
color: #33b5e5; }
.uk-navbar-brand {
text-transform: uppercase; }
.uk-article-meta {
color: #767676; /* required to get an accessible contrast */ }
.uk-article-meta > a {
@ -98,7 +95,6 @@ a {
font-family: "Open Sans", sans-serif;
font-style: italic;
font-size: 2.5rem;
padding-left: 0;
color: white; }
.mg-brand:hover, .mg-brand:focus {
color: white; }
@ -106,9 +102,11 @@ a {
.mg-brand {
padding: 0;
max-width: 100%;
font-size: 2rem; } }
font-size: 2rem;
line-height: 2.5rem; } }
.mg-tagline {
padding: 0 30px;
font-family: "Open Sans", sans-serif;
font-weight: 800;
font-size: 1rem;
@ -142,6 +140,7 @@ a {
background-color: #FF9148; }
.mg-nav-small {
display: flex;
width: 100% }
.mg-nav-menu-toggle-small {
flex: 1; }
@ -313,7 +312,7 @@ a {
/* Accessibility */
a:focus, .uk-link:focus, .uk-navbar-brand:focus {
a:focus, .uk-link:focus {
outline: 1px dotted !important; /* resetting an outline - damn uikit :( */
}

View File

@ -69,11 +69,11 @@
<div class="mg-header-content uk-container uk-container-center">
<div class="uk-hidden-small">
<a class="mg-brand uk-navbar-brand" href="{{ SITEURL }}">{% block header_text %}{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}{% endblock %}</a>
<div class="mg-tagline uk-navbar-content">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
<a class="mg-brand" href="{{ SITEURL }}">{% block header_text %}{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}{% endblock %}</a>
<div class="mg-tagline">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
</div>
<ul class="mg-skiplinks">
<ul class="uk-hidden-small mg-skiplinks">
<li><a href="#search-form">Search form</a></li>
</ul>
@ -84,7 +84,7 @@
<div class="mg-nav-small uk-visible-small">
<a class="mg-nav-menu-toggle-small uk-navbar-toggle" href="#mg-offcanvas" data-uk-offcanvas></a>
<a class="mg-brand uk-navbar-brand uk-navbar-center" href="{{ SITEURL }}">{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}</a>
<a class="mg-brand uk-navbar-center" href="{{ SITEURL }}">{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}</a>
</div>
</div>