Commit 9f8a8146 authored by chairmantheboring's avatar chairmantheboring

New button design.

parent ac4317f3
Pipeline #2015 passed with stage
in 29 seconds
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
<nav class="header-nav"> <nav class="header-nav">
<ul class="header-list"> <ul class="header-list">
{% for link in header.links %} {% for link in header.links %}
<li> <a href="{{ link.url }}">{{ link.name }}</a>
<a href="{{ link.url }}">{{ link.name }}</a>
</li>
{% endfor %} {% endfor %}
</ul> </ul>
</nav> </nav>
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
align-items: stretch; align-items: stretch;
} }
.header-list > li { .header-list > a {
flex-basis: 75px; flex-basis: 75px;
/* flex-wrap: nowrap; */ /* flex-wrap: nowrap; */
/* flex-grow: 1; */ /* flex-grow: 1; */
...@@ -22,12 +22,12 @@ ...@@ -22,12 +22,12 @@
transition: background 0.25s linear, color 0.25s linear; transition: background 0.25s linear, color 0.25s linear;
} }
.header-list > li:hover, .header-list > li:focus { .header-list > a:hover, .header-list > a:focus {
background: #37a4a1; background: #37a4a1;
} }
.header-list > li:not(:last-child) { .header-list > a:not(:last-child) {
margin-right: 30px; margin-right: 30px;
} }
...@@ -56,11 +56,11 @@ ...@@ -56,11 +56,11 @@
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.header-list > li { .header-list > a {
display: block; display: block;
} }
.header-list > li:not(:last-child) { .header-list > a:not(:last-child) {
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
......
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