Implement underline for #43

This commit is contained in:
Niko Strijbol 2016-12-12 20:06:48 +01:00
parent ef7b3c113d
commit eca916873a
No known key found for this signature in database
GPG key ID: 1A8AEBABD9012251
2 changed files with 9 additions and 9 deletions

View file

@ -41,6 +41,11 @@
font-variant: small-caps; font-variant: small-caps;
font-size: 1.15em; font-size: 1.15em;
&:not(.nav-search) {
border-bottom: 3px solid transparent;
border-top: 3px solid transparent;
}
&:hover { &:hover {
transition: 0.2s; transition: 0.2s;
} }
@ -50,14 +55,9 @@
padding-right: 5px; padding-right: 5px;
} }
&.is-tab { &:not(.nav-search):hover, &.is-active {
border-bottom: 3px solid transparent; border-bottom-color: $zeus-orange;
border-top: 3px solid transparent;
&:hover, &.is-active {
border-bottom-color: $zeus-orange;
}
} }
} }
} }
} }

View file

@ -24,7 +24,7 @@
<div class="nav-right"> <div class="nav-right">
<form action="/search/?" method="get"> <form action="/search/?" method="get">
<div id="tipue_search_input" class="nav-item"> <div id="tipue_search_input" class="nav-item nav-search">
<input type="text" name="q" id="tipue_search_input_field" autocomplete="off"> <input type="text" name="q" id="tipue_search_input_field" autocomplete="off">
</div> </div>
</form> </form>