Fix font specificity in CTA and WNP (#15802)

mozilla · Jan 9, 2025 · 1eb382d · 1eb382d
1 parent 2b3f891
commit 1eb382d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 23 deletions.
diff --git a/media/css/firefox/developer/whatsnew-mdnplus.scss b/media/css/firefox/developer/whatsnew-mdnplus.scss
@@ -35,17 +35,17 @@ $image-path: '/media/protocol/img';
         grid-row: 1;
         z-index: 2;
         padding-top: 0;
+
+        .c-mdn-header-title {
+            color: $color-light-gray-30;
+            font-weight: bold;
+        }
     }
 
     .mzp-c-notification-bar {
         margin-bottom: $layout-lg;
     }
 
-    .c-mdn-header-title {
-        color: $color-light-gray-30;
-        font-weight: bold;
-    }
-
     .mandala-wrapper {
         grid-column: 1;
         grid-row: 1;
@@ -257,17 +257,17 @@ $image-path: '/media/protocol/img';
     .c-mdn-feature {
         margin-bottom: $layout-md;
 
+        .c-mdn-feature-pretitle {
+            @include text-body-xs;
+            color: $color-pink-60;
+            letter-spacing: 0.1em;
+            text-transform: uppercase;
+        }
+
         @media #{$mq-md} {
             margin: 0;
         }
     }
-
-    .c-mdn-feature-pretitle {
-        @include text-body-xs;
-        color: $color-pink-60;
-        letter-spacing: 0.1em;
-        text-transform: uppercase;
-    }
 }
 
 // Footer

diff --git a/media/css/m24/base.scss b/media/css/m24/base.scss
@@ -43,25 +43,19 @@ strong {
     font-weight: 900;
 }
 
-a:link {
+a:link,
+a:link:hover,
+a:link:focus {
     color: $m24-color-black;
 
-    &:hover,
-    &:focus {
+    &:visited {
         color: $m24-color-black;
     }
-
-    &:visited{
-        &:hover,
-        &:focus {
-            color: $m24-color-black;
-        }
-    }
 }
 
 *:focus,
 *:focus-visible {
-    outline-offset: 6px;
+    outline-offset: $spacer-2xs;
 }
 
 /* ------------------------------------------------------------------------------- */