Update nav styling

This commit is contained in:
Oliver Davies 2017-10-07 09:47:59 +01:00
parent ef511f86c6
commit 209eb2bf90

View file

@ -1,7 +1,7 @@
<header class="w-100 pa3 ph4-ns bg-white">
<header class="w-100 ph4-ns bg-white bb b--light-gray mb2">
<div class="db dt-ns mw9 center w-100">
<div class="db dtc-ns v-mid tl w-50">
<a href="/" class="dib f5 f4-ns mt0 mb1 link black-70" title="Home">
<div class="db dtc-ns v-mid tl w-30">
<a href="/" class="dib f5 mt0 link black-70" title="Home">
{{ site.title }}
</a>
</div>
@ -18,7 +18,7 @@
<nav class="db dtc-ns v-mid w-100 tl tr-ns mt2 mt0-ns">
{% for link in links %}
{% set pattern = '#^' ~ (link.pattern ?: link.href) ~ '/?#' %}
<a href="{{ link.href }}" class="f6 hover-blue link ml2 ml-m ml4-l dib {{ page.url matches pattern ? 'black' : 'black-70' }}">
<a href="{{ link.href }}" class="f6 hover-blue link dib pa3 {{ page.url matches pattern ? 'black bb b--blue bw1' : 'black-50' }}">
{{- link.title -}}
</a>
{% endfor %}