Commit c432c22c authored by Annika Backstrom's avatar Annika Backstrom

header: white bg, green border

parent 80ae7096
......@@ -1780,22 +1780,22 @@ ul, ol {
/* Header */
header {
background-color: #333;
font-size: 85%;
line-height: 50px;
padding: 0;
margin: 0 0 5em;
text-transform: lowercase; }
margin: 0 1em 5em;
text-transform: lowercase;
border-bottom: 3px solid #40c517; }
header h1 {
margin: 0;
padding: 0;
font-size: 100%;
color: default; }
header h1 a.title {
font-size: 1.25em; }
header a {
border-bottom: none; }
text-decoration: none;
font-size: 1rem; }
header nav.pages {
text-align: center; }
text-align: right; }
header li {
display: inline-block;
margin: 0 1em; }
......
This diff is collapsed.
......@@ -4,6 +4,8 @@ $body-width-max: 800px;
$body-width-narrow: 650px;
$gray-light: hsl(0, 0%, 47%);
$light-border: hsl(0, 0%, 70%);
$yellow: #f2e947;
$green: #40c517;
$link-color: hsl(205, 75%, 52%);
$link-color-alt: $text-color;
......@@ -94,29 +96,27 @@ ul, ol {
/* Header */
header {
background-color: #333;
font-size: 85%;
line-height: 50px;
padding: 0;
margin: 0 0 5em;
margin: 0 1em 5em;
text-transform: lowercase;
border-bottom: 3px solid $green;
h1 {
margin: 0;
padding: 0;
font-size: 100%;
color: default;
a.title {
font-size: 1.25em;
}
}
a {
border-bottom: none;
text-decoration: none;
font-size: 1rem;
}
nav.pages {
text-align: center;
text-align: right;
}
ul {
......
......@@ -29,13 +29,18 @@
{% if HEADER_PAGES %}
<header role="banner">
<div class="row">
<nav class="pages">
<ul class="p-0 m-0">
{% for page_title, page_url in HEADER_PAGES %}
<li><a href="{{ SITEURL }}/{{ page_url }}">{{ page_title }}</a></li>
{% endfor %}
</ul>
</nav>
<div class="cute-6-tablet">
<h1><a href="{{ SITEURL }}">sixohthree.com</a></h1>
</div>
<div class="cute-6-tablet">
<nav class="pages">
<ul class="p-0 m-0">
{% for page_title, page_url in HEADER_PAGES %}
<li><a href="{{ SITEURL }}/{{ page_url }}">{{ page_title }}</a></li>
{% endfor %}
</ul>
</nav>
</div>
</div>
</header>
{% endif %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment