Merge pull request #177 from ConductionNL/feature/NDT-44/gouda-theme

feature/NDT-44/gouda-theme
ConductionNL · Dec 20, 2023 · eb431c5 · eb431c5
2 parents f76740f + b0ff270
commit eb431c5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -4,6 +4,7 @@
 
 - **Version 2.2 (breaking changes from 2.1.x)**
 
+  - 2.2.44: Updated PrimaryTopNav to allow font-weight.
   - 2.2.43: Updated DownloadCard to allow size as string.
   - 2.2.42:
     - Updated PrimaryTopNav to have seperate dropdown tokens.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@conduction/components",
-  "version": "2.2.43",
+  "version": "2.2.44",
   "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
   "main": "lib/index.js",
   "scripts": {

diff --git a/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css b/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css
@@ -110,6 +110,7 @@
 
 .currentLink {
   color: var(--conduction-primary-top-nav-current-color) !important;
+  font-weight: var(--conduction-primary-top-nav-current-font-weight);
 }
 
 .currentLink svg path {
@@ -127,10 +128,12 @@
 
 .dropdownCurrent:hover > .dropdownCurrentLink {
   color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color)) !important;
+  font-weight: var(--conduction-primary-top-nav-dropdown-current-font-weight) !important;
 }
 
 .dropdownCurrentLink {
   color: var(--conduction-primary-top-nav-dropdown-current-color, var(--conduction-primary-top-nav-current-color)) !important;
+  font-weight: var(--conduction-primary-top-nav-dropdown-current-font-weight);
 }
 
 .dropdownCurrentLink svg path {
@@ -158,8 +161,9 @@
   fill: var(--conduction-primary-top-nav-color);
 }
 
-.primary .li:hover .link {
+.primary .li:hover > .link {
   color: var(--conduction-primary-top-nav-hover-color);
+  font-weight: var(--conduction-primary-top-nav-hover-font-weight);
 }
 
 .primary .li:hover svg path {
@@ -203,6 +207,7 @@
 
 .primary .dropdown .li:hover .link {
   color: var(--conduction-primary-top-nav-dropdown-hover-color, var(--conduction-primary-top-nav-hover-color));
+  font-weight: var(--conduction-primary-top-nav-dropdown-hover-font-weight);
 }
 
 .dropdown .li:hover {