Fix font size for section navigation header (#3398)

ONSdigital · Oct 22, 2024 · 0d4f9d3 · 0d4f9d3
1 parent daf2da5
commit 0d4f9d3
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/...mponents_section-navigation_example-section-navigation_0_document_0_desktop.png b/...mponents_section-navigation_example-section-navigation_0_document_0_desktop.png
diff --git a/...omponents_section-navigation_example-section-navigation_0_document_1_tablet.png b/...omponents_section-navigation_example-section-navigation_0_document_1_tablet.png
diff --git a/...omponents_section-navigation_example-section-navigation_0_document_2_mobile.png b/...omponents_section-navigation_example-section-navigation_0_document_2_mobile.png
diff --git a/src/components/section-navigation/_section-navigation.scss b/src/components/section-navigation/_section-navigation.scss
@@ -26,7 +26,6 @@
         padding: 0;
         &--active {
             border-left: 4px solid var(--ons-color-text-link-active);
-            font-weight: $font-weight-bold;
             margin-left: -1rem;
             padding-left: 0.75rem;
             a,
@@ -45,6 +44,7 @@
 
     &__item-header {
         @extend .ons-u-mb-no;
+        @extend .ons-u-fs-r--b;
     }
 
     &__sub-items {
@@ -64,7 +64,6 @@
             &--active,
             &:hover {
                 border-color: var(--ons-color-text-link-active);
-                margin: 0 1rem 0 0;
                 padding: 0;
                 a,
                 h2,