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="left flex align-item-center">
<a class="logo flex align-item-center p1" href="{{ url_prefix }}{{ home_page or "/"}}">
@@ -7,11 +7,11 @@
</a>
<ul class="list-unstyled flex">
<li>
<span>/</span>
<span class="fg-light-grey">&#10094;</span>
<a class="hover:bg-light-grey p1 border-radius" href="">Service Providers</a>
</li>
<li>
<span>/</span>
<span class="fg-light-grey">&#10094;</span>
<a class="hover:bg-light-grey p1 border-radius" href="">Cloude8</a>
</li>
</ul>

View File

@@ -1,9 +1,9 @@
<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">
<defs id="defs2" />
<g transform="translate(-54.311708,-94.201033)">
<path d="m 63.786067,94.201033 c -5.217031,0 -9.474359,4.25784 -9.474359,9.474867 0,5.21703 4.257328,9.47436 9.474359,9.47436 2.056783,0 3.963124,-0.6635 5.519557,-1.78491 l 4.386813,4.38836 a 1.9845977,1.9845977 0 1 0 2.806546,-2.80654 l -4.460708,-4.46071 a 1.9845734,1.9845734 0 0 0 -0.06408,-0.0594 c 0.81602,-1.39869 1.286742,-3.02121 1.286742,-4.75113 0,-5.217027 -4.257844,-9.474867 -9.474871,-9.474867 z m 0,2.646353 c 3.78711,0 6.830073,3.041407 6.830073,6.828514 0,3.78711 -3.042963,6.83007 -6.830073,6.83007 -3.787117,0 -6.82801,-3.04296 -6.82801,-6.83007 0,-3.787107 3.040893,-6.828514 6.82801,-6.828514 z" />
</g>
</svg>
</div>
</div>