reduce specificity on some links

stephaniehobson · stephaniehobson · commit d6cfc20e07b8 · 2025-10-31T14:05:24.000-07:00
diff --git a/media/css/firefox/whatsnew/whatsnew-nightly.scss b/media/css/firefox/whatsnew/whatsnew-nightly.scss
@@ -50,11 +50,11 @@ body {
     a:link,
     a:visited {
         color: $color-ink-80;
+    }
 
-        &:hover,
-        &:focus {
-            color: inherit;
-        }
+    a:hover,
+    a:focus {
+        color: inherit;
     }
 
     abbr {
diff --git a/media/css/foundation/annual-report-2019-2020.scss b/media/css/foundation/annual-report-2019-2020.scss
@@ -358,15 +358,15 @@
     a:link,
     a:visited {
         color: $color-black;
+    }
 
-        &:hover,
-        &:focus,
-        &:active {
-            color: $link-color-hover;
+    a:hover,
+    a:focus,
+    a:active {
+        color: $link-color-hover;
 
-            @supports (--css: variables) {
-                color: var(--link-color-hover);
-            }
+        @supports (--css: variables) {
+            color: var(--link-color-hover);
         }
     }
 
diff --git a/media/css/foundation/annual-report-2021.scss b/media/css/foundation/annual-report-2021.scss
@@ -171,15 +171,15 @@ main {
     a:link,
     a:visited {
         color: $color-black;
+    }
 
-        &:hover,
-        &:focus,
-        &:active {
-            color: $link-color-hover;
+    a:hover,
+    a:focus,
+    a:active {
+        color: $link-color-hover;
 
-            @supports (--css: variables) {
-                color: var(--link-color-hover);
-            }
+        @supports (--css: variables) {
+            color: var(--link-color-hover);
         }
     }
 
diff --git a/media/css/foundation/m24/index/article-gallery.scss b/media/css/foundation/m24/index/article-gallery.scss
@@ -89,8 +89,7 @@
 
     &:hover,
     &:focus,
-    &:active,
-    &:visited:hover {
+    &:active {
         color: inherit;
         text-decoration: underline;
     }
diff --git a/media/css/m24/base.scss b/media/css/m24/base.scss
@@ -31,14 +31,11 @@ strong {
 }
 
 a:link,
-a:visited {
+a:visited,
+a:hover,
+a:focus,
+a:active {
     color: $m24-color-black;
-
-    &:hover,
-    &:focus,
-    &:active {
-        color: $m24-color-black;
-    }
 }
 
 *:focus,
diff --git a/media/css/m24/flag.scss b/media/css/m24/flag.scss
@@ -109,13 +109,6 @@
     }
 }
 
-.m24-c-cta {
-    &:hover,
-    &:visited:hover {
-        color: $m24-color-black;
-    }
-}
-
 @media #{$mq-lg} {
     .m24-c-flag {
         @include grid;
diff --git a/media/css/m24/gallery.scss b/media/css/m24/gallery.scss
@@ -93,8 +93,7 @@
 
     &:hover,
     &:focus,
-    &:active,
-    &:visited:hover {
+    &:active {
         color: inherit;
         text-decoration: underline;
     }
diff --git a/media/css/m24/springboard.scss b/media/css/m24/springboard.scss
@@ -33,16 +33,16 @@ $springboard-thumb-width: 32px;
     padding: $spacer-md $container-padding;
     transition: background-color $fast $bezier;
 
-    &:link:hover,
-    &:link:focus {
-        background-color: $m24-color-light-gray;
+    &:link,
+    &:visited {
         text-decoration: none;
-        cursor: pointer;
     }
 
-    &:link,
-    &:link:visited {
+    &:hover,
+    &:focus {
+        background-color: $m24-color-light-gray;
         text-decoration: none;
+        cursor: pointer;
     }
 }
 
diff --git a/media/css/mozorg/diversity/diversity.scss b/media/css/mozorg/diversity/diversity.scss
@@ -221,15 +221,15 @@ $image-path: '/media/protocol/img';
     a:link,
     a:visited {
         color: $color-black;
+    }
 
-        &:hover,
-        &:focus,
-        &:active {
-            color: $link-color-hover;
+    a:hover,
+    a:focus,
+    a:active {
+        color: $link-color-hover;
 
-            @supports (--css: variables) {
-                color: var(--link-color-hover);
-            }
+        @supports (--css: variables) {
+            color: var(--link-color-hover);
         }
     }
 
diff --git a/media/css/mozorg/mozilla-account-promo.scss b/media/css/mozorg/mozilla-account-promo.scss
@@ -128,12 +128,12 @@ $promo-sm-mq: 400px;
     a:link,
     a:visited {
         color: $color-white;
+    }
 
-        &:hover,
-        &:focus,
-        &:active {
-            color: $color-white;
-        }
+    a:hover,
+    a:focus,
+    a:active {
+        color: $color-white;
     }
 
     .products-list {
diff --git a/media/css/products/vpn/common-refresh.scss b/media/css/products/vpn/common-refresh.scss
@@ -130,13 +130,13 @@ main {
     a:visited {
         color: $color-black;
         text-decoration: underline;
+    }
 
-        &:hover,
-        &:active,
-        &:focus {
-            color: $color-black;
-            text-decoration: none;
-        }
+    a:hover,
+    a:active,
+    a:focus {
+        color: $color-black;
+        text-decoration: none;
     }
 }
 
diff --git a/media/css/products/vpn/common.scss b/media/css/products/vpn/common.scss
@@ -47,12 +47,12 @@
     a:visited {
         color: inherit;
         text-decoration: none;
+    }
 
-        &:hover,
-        &:active,
-        &:focus {
-            text-decoration: underline;
-        }
+    a:hover,
+    a:active,
+    a:focus {
+        text-decoration: underline;
     }
 }
 
diff --git a/media/css/protocol/components/_menu.scss b/media/css/protocol/components/_menu.scss
@@ -243,14 +243,14 @@
             color: $color-black;
             text-decoration: none;
             border-bottom: 2px solid transparent;
+        }
 
-            &:hover,
-            &:active,
-            &:focus {
-                @include transition(border-bottom-color 100ms ease-in-out);
-                border-bottom: 2px solid $color-black;
-                color: $color-black;
-            }
+        a:hover,
+        a:active,
+        a:focus {
+            @include transition(border-bottom-color 100ms ease-in-out);
+            border-bottom: 2px solid $color-black;
+            color: $color-black;
         }
     }
 
diff --git a/media/css/protocol/components/_sub-navigation.scss b/media/css/protocol/components/_sub-navigation.scss
@@ -139,12 +139,12 @@
             color: $color-black;
             font-family: var(--body-font-family);
             text-decoration: none;
+        }
 
-            &:hover,
-            &:focus,
-            &:active {
-                text-decoration: underline;
-            }
+        a:hover,
+        a:focus,
+        a:active {
+            text-decoration: underline;
         }
 
         .mzp-c-button.mzp-t-product {
diff --git a/media/css/security/components/level.scss b/media/css/security/components/level.scss
@@ -57,8 +57,7 @@
 .level-heading {
     position: relative;
 
-    a,
-    a:visited {
+    a {
         color: inherit;
         text-decoration: none;
 

Original file line number	Diff line number	Diff line change
`@@ -89,8 +89,7 @@`
`89`	`89`
`90`	`90`	`&:hover,`
`91`	`91`	`&:focus,`
`92`		`- &:active,`
`93`		`- &:visited:hover {`
	`92`	`+ &:active {`
`94`	`93`	`color: inherit;`
`95`	`94`	`text-decoration: underline;`
`96`	`95`	`}`
Original file line number	Diff line number	Diff line change
`@@ -109,13 +109,6 @@`
`109`	`109`	`}`
`110`	`110`	`}`
`111`	`111`
`112`		`-.m24-c-cta {`
`113`		`- &:hover,`
`114`		`- &:visited:hover {`
`115`		`- color: $m24-color-black;`
`116`		`- }`
`117`		`-}`
`118`		`-`
`119`	`112`	`@media #{$mq-lg} {`
`120`	`113`	`.m24-c-flag {`
`121`	`114`	`@include grid;`
Original file line number	Diff line number	Diff line change
`@@ -93,8 +93,7 @@`
`93`	`93`
`94`	`94`	`&:hover,`
`95`	`95`	`&:focus,`
`96`		`- &:active,`
`97`		`- &:visited:hover {`
	`96`	`+ &:active {`
`98`	`97`	`color: inherit;`
`99`	`98`	`text-decoration: underline;`
`100`	`99`	`}`