Implement underline for #43
This commit is contained in:
parent
ef7b3c113d
commit
eca916873a
2 changed files with 9 additions and 9 deletions
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue