mirror of
https://github.com/c0de-archive/pelican-mg.git
synced 2024-12-22 08:22:40 +00:00
Fixing navbar rendering
This commit is contained in:
parent
15951e4ae1
commit
565bf86d2a
@ -27,9 +27,6 @@ a {
|
|||||||
a:hover {
|
a:hover {
|
||||||
color: #33b5e5; }
|
color: #33b5e5; }
|
||||||
|
|
||||||
.uk-navbar-brand {
|
|
||||||
text-transform: uppercase; }
|
|
||||||
|
|
||||||
.uk-article-meta {
|
.uk-article-meta {
|
||||||
color: #767676; /* required to get an accessible contrast */ }
|
color: #767676; /* required to get an accessible contrast */ }
|
||||||
.uk-article-meta > a {
|
.uk-article-meta > a {
|
||||||
@ -98,7 +95,6 @@ a {
|
|||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
padding-left: 0;
|
|
||||||
color: white; }
|
color: white; }
|
||||||
.mg-brand:hover, .mg-brand:focus {
|
.mg-brand:hover, .mg-brand:focus {
|
||||||
color: white; }
|
color: white; }
|
||||||
@ -106,9 +102,11 @@ a {
|
|||||||
.mg-brand {
|
.mg-brand {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
font-size: 2rem; } }
|
font-size: 2rem;
|
||||||
|
line-height: 2.5rem; } }
|
||||||
|
|
||||||
.mg-tagline {
|
.mg-tagline {
|
||||||
|
padding: 0 30px;
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
@ -142,6 +140,7 @@ a {
|
|||||||
background-color: #FF9148; }
|
background-color: #FF9148; }
|
||||||
|
|
||||||
.mg-nav-small {
|
.mg-nav-small {
|
||||||
|
display: flex;
|
||||||
width: 100% }
|
width: 100% }
|
||||||
.mg-nav-menu-toggle-small {
|
.mg-nav-menu-toggle-small {
|
||||||
flex: 1; }
|
flex: 1; }
|
||||||
@ -313,7 +312,7 @@ a {
|
|||||||
|
|
||||||
|
|
||||||
/* Accessibility */
|
/* Accessibility */
|
||||||
a:focus, .uk-link:focus, .uk-navbar-brand:focus {
|
a:focus, .uk-link:focus {
|
||||||
outline: 1px dotted !important; /* resetting an outline - damn uikit :( */
|
outline: 1px dotted !important; /* resetting an outline - damn uikit :( */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -69,11 +69,11 @@
|
|||||||
<div class="mg-header-content uk-container uk-container-center">
|
<div class="mg-header-content uk-container uk-container-center">
|
||||||
|
|
||||||
<div class="uk-hidden-small">
|
<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>
|
<a class="mg-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>
|
<div class="mg-tagline">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="mg-skiplinks">
|
<ul class="uk-hidden-small mg-skiplinks">
|
||||||
<li><a href="#search-form">Search form</a></li>
|
<li><a href="#search-form">Search form</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
@ -84,7 +84,7 @@
|
|||||||
|
|
||||||
<div class="mg-nav-small uk-visible-small">
|
<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-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>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user