update scss file as per comments

ONSdigital · Oct 11, 2024 · 2d09cd0 · 2d09cd0
1 parent 5930faf
commit 2d09cd0
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 15 deletions.
diff --git a/...n_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png b/...n_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png
diff --git a/...n_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png b/...n_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png
diff --git a/...section-navigation_example-section-navigation-vertical_0_document_0_desktop.png b/...section-navigation_example-section-navigation-vertical_0_document_0_desktop.png
diff --git a/..._section-navigation_example-section-navigation-vertical_0_document_1_tablet.png b/..._section-navigation_example-section-navigation-vertical_0_document_1_tablet.png
diff --git a/..._section-navigation_example-section-navigation-vertical_0_document_2_mobile.png b/..._section-navigation_example-section-navigation-vertical_0_document_2_mobile.png
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,
@@ -46,9 +45,7 @@
     &__item-header {
         @extend .ons-u-mb-no;
 
-        font-size: 1.125rem;
-        font-weight: 700;
-        line-height: 1.6;
+        @extend .ons-u-fs-r--b;
     }
 
     &__sub-items {
@@ -68,7 +65,6 @@
             &--active,
             &:hover {
                 border-color: var(--ons-color-text-link-active);
-                margin: 0 1rem 0 0;
                 padding: 0;
                 a,
                 h2,