Základní styly pro search bar

sass/main.scss

@@ -113,12 +113,29 @@ header {
 	}
 
 	nav.secondary {
+		display: flex;
+		align-items: center;
 		font-size: .9rem;
 		color: #4C566A;
 
 		a:hover {
 			text-decoration: underline;
 		}
+
+		.search {
+			display: flex;
+			align-items: center;
+			margin-left: auto;
+			padding: .4em;
+			border: 1px solid #D8DEE9;
+			font-size: 1.2em;
+
+			input {
+				margin-right: .1em;
+				border: none;
+				outline: none;
+			}
+		}
 	}
 
 	nav.primary {

templates/index.html

@@ -7,6 +7,10 @@
 			<section>
 				<nav class="secondary">
 					{{ macro::nav_list_items(items=config.extra.nav_secondary) }}
+					<div class="search">
+						<input type="text">
+						<span class="icon-search-line"></span>
+					</div>
 				</nav>
 				<nav class="primary">
 					{{ macro::nav_list_items_main(items=config.extra.nav_primary) }}