Sticky navbar, breadcrumbs

foundation/public/css/erpnext-org-theme.css

@@ -82,7 +82,7 @@
   height: 1rem;
   width: 1rem;
   position: absolute;
-  right: 1rem;
+  left: 1rem;
   top: 50%;
   transform: translateY(-50%);
 }

foundation/public/less/erpnext-org-theme.less

@@ -17,7 +17,7 @@
 	width: 1rem;
 
 	position: absolute;
-	right: 1rem;
+	left: 1rem;
 	top:  50%;
 	transform: translateY(-50%);
 }

foundation/templates/includes/navbar/navbar.html

@@ -1,10 +1,20 @@
-<nav class="navbar" role="navigation">
+<nav class="navbar top-sticky bg-white" role="navigation">
 	<div class="flex space-between align-item-center border-bottom ph4 pv2">
-		<div class="left">
+		<div class="left flex align-item-center">
-			<a class="logo flex align-item-center" href="{{ url_prefix }}{{ home_page or "/"}}">
+			<a class="logo flex align-item-center p1" href="{{ url_prefix }}{{ home_page or "/"}}">
-				<img class="logo-img mr1" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">
+				<img class="logo-img" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">
-			<span>ERPNext.org</span>
+			<!-- <span>ERPNext.org</span> -->
 			</a>
+			<ul class="list-unstyled flex">
+				<li>
+					<span>/</span>
+					<a class="hover:bg-light-grey p1 border-radius" href="">Service Providers</a>
+				</li>
+				<li>
+					<span>/</span>
+					<a class="hover:bg-light-grey p1 border-radius" href="">Cloude8</a>
+				</li>
+			</ul>
 		</div>
 		<div class="right flex align-item-center">
 			{% include 'foundation/templates/includes/search-box.html' %}

foundation/templates/includes/search-box.html

@@ -1,5 +1,5 @@
 <div class="relative mr2">
-    <input class="pv1 pl2 pr4 border" type="text" name="query" placeholder="Search this site">
+    <input class="pv1 pr2 pl4 border bg-light-grey focus: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)">

foundation/templates/includes/sidebar/sidebar.html

@@ -4,7 +4,7 @@
             <a class="fg-white" href="">Service Providers</a>
         </li>
         {% for list_item in ['Chapters', 'Fellowship', 'Blog'] %}
-        <li class="ph4 pv1 hover-light-grey">
+        <li class="ph4 pv1 hover:bg-light-grey">
             <a href="">{{ list_item }}</a>
         </li>
         {% endfor %}