Add light bg to nav bar

- add light bg to navbar
- white bg to search box
- change breadcrumb delimiters to arrow
This commit is contained in:
Raghavendra Kamath
2018-03-29 11:55:34 +05:30
parent c6d11467c2
commit 79c1bf67eb
2 changed files with 5 additions and 5 deletions

View File

@@ -1,4 +1,4 @@
<nav class="navbar top-sticky bg-white" role="navigation"> <nav class="navbar top-sticky bg-light" role="navigation">
<div class="flex space-between align-item-center border-bottom ph4 pv2"> <div class="flex space-between align-item-center border-bottom ph4 pv2">
<div class="left flex align-item-center"> <div class="left flex align-item-center">
<a class="logo flex align-item-center p1" href="{{ url_prefix }}{{ home_page or "/"}}"> <a class="logo flex align-item-center p1" href="{{ url_prefix }}{{ home_page or "/"}}">
@@ -7,11 +7,11 @@
</a> </a>
<ul class="list-unstyled flex"> <ul class="list-unstyled flex">
<li> <li>
<span>/</span> <span class="fg-light-grey">&#10094;</span>
<a class="hover:bg-light-grey p1 border-radius" href="">Service Providers</a> <a class="hover:bg-light-grey p1 border-radius" href="">Service Providers</a>
</li> </li>
<li> <li>
<span>/</span> <span class="fg-light-grey">&#10094;</span>
<a class="hover:bg-light-grey p1 border-radius" href="">Cloude8</a> <a class="hover:bg-light-grey p1 border-radius" href="">Cloude8</a>
</li> </li>
</ul> </ul>

View File

@@ -1,5 +1,5 @@
<div class="relative mr2"> <div class="relative mr2">
<input class="pv1 pr2 pl4 border bg-light-grey focus:bg-white" type="text" name="query" placeholder="Search this site"> <input class="pv1 pr2 pl4 border bg-white" type="text" name="query" placeholder="Search this site">
<svg class="search-icon" viewBox="0 0 22.780561 22.145968" height="83.701294" width="86.099762"> <svg class="search-icon" viewBox="0 0 22.780561 22.145968" height="83.701294" width="86.099762">
<defs id="defs2" /> <defs id="defs2" />
<g transform="translate(-54.311708,-94.201033)"> <g transform="translate(-54.311708,-94.201033)">