increase font-weight of h2 in sidebar navigation

icons8 · Nov 29, 2022 · 8f0d4cd · 8f0d4cd
1 parent addbc48
commit 8f0d4cd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/docs/doks-theme/_sass/components/_micro-nav.scss b/docs/doks-theme/_sass/components/_micro-nav.scss
@@ -128,6 +128,9 @@ ul.submenu {
 		a {
 			color: #000000;
 			padding-left: 19px;
+			&.header {
+				font-weight: 600;
+			}
 		}
 		& + li {
 			margin-top: 0;

diff --git a/docs/doks-theme/assets/js/scripts.js b/docs/doks-theme/assets/js/scripts.js
@@ -332,7 +332,8 @@ function createNavSubMenu() {
 		}
 		let array = []
 		for (let index = 0; index < items.length; index++) {
-			array.push( '<li><a href="#' + items[index].id + '" class="js-smooth-scroll">' + items[index].innerText + '</a></li>' )
+			let customClass = items[index].tagName === 'H2' ? 'header' : ''
+			array.push( '<li><a href="#' + items[index].id + '" class="js-smooth-scroll ' + customClass + '">' + items[index].innerText + '</a></li>' )
 		}
 
 		return '<ul class="submenu">' + array.join('') + '</ul>';