commit 77c6e5c16d057496b35873b800176cfc1ec95cdb
parent 444dcafeeea4ce50f1ac78a19c1763bcb6229e90
Author: Mike Conley <mconley@mozilla.com>
Date: Fri, 19 Dec 2025 20:01:02 +0000
Bug 2004417 - Remove --font-weight-semibold train-hop compatibility shims now that Firefox 146 has shipped. r=home-newtab-reviewers,maxx
Differential Revision: https://phabricator.services.mozilla.com/D277200
Diffstat:
8 files changed, 16 insertions(+), 104 deletions(-)
diff --git a/browser/extensions/newtab/content-src/components/DiscoveryStreamBase/_DiscoveryStreamBase.scss b/browser/extensions/newtab/content-src/components/DiscoveryStreamBase/_DiscoveryStreamBase.scss
@@ -63,13 +63,7 @@ $ds-width: 936px;
a {
color: var(--newtab-primary-action-background);
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
&:is(:focus, :hover) {
text-decoration: none;
diff --git a/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss b/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss
@@ -366,13 +366,7 @@ $ds-card-image-gradient-solid: rgba(0, 0, 0, 100%);
border: none;
padding: var(--space-xsmall) var(--space-large);
font-size: var(--font-size-small);
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
min-height: var(--size-item-large);
min-width: 97px;
color: var(--newtab-text-primary-color);
diff --git a/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss b/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss
@@ -3,13 +3,7 @@
.ds-navigation {
color: var(--newtab-contextual-text-primary-color);
font-size: var(--font-size-small);
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
padding: var(--space-xsmall) 0;
@media (min-width: $break-point-widest) {
@@ -130,13 +124,7 @@
border-block-start: 1px solid var(--border-color);
line-height: 24px;
font-size: var(--font-size-small);
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
&::after {
content: '';
diff --git a/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/PrivacyLink/_PrivacyLink.scss b/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/PrivacyLink/_PrivacyLink.scss
@@ -1,13 +1,7 @@
.ds-privacy-link {
text-align: center;
font-size: var(--font-size-small);
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
a:hover {
text-decoration: none;
diff --git a/browser/extensions/newtab/content-src/components/Sections/_Sections.scss b/browser/extensions/newtab/content-src/components/Sections/_Sections.scss
@@ -64,13 +64,7 @@
a {
color: var(--newtab-primary-action-background);
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
&.more-recommendations {
font-weight: var(--font-weight);
diff --git a/browser/extensions/newtab/content-src/components/Weather/_Weather.scss b/browser/extensions/newtab/content-src/components/Weather/_Weather.scss
@@ -526,13 +526,7 @@ dialog {
.weatherForecastRow {
text-transform: uppercase;
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
}
.weatherCityRow {
diff --git a/browser/extensions/newtab/content-src/components/Widgets/FocusTimer/_FocusTimer.scss b/browser/extensions/newtab/content-src/components/Widgets/FocusTimer/_FocusTimer.scss
@@ -184,13 +184,7 @@
display: flex;
// Bug 1880518 - Large font-size number (32px)
font-size: calc(var(--font-size-large) * 2);
-
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
font-variant-numeric: tabular-nums;
height: 100%;
inset-block-start: 0;
diff --git a/browser/extensions/newtab/css/activity-stream.css b/browser/extensions/newtab/css/activity-stream.css
@@ -1444,12 +1444,7 @@ main section {
}
.top-stories-bottom-container a {
color: var(--newtab-primary-action-background);
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
}
.top-stories-bottom-container a.more-recommendations {
font-weight: var(--font-weight);
@@ -3084,12 +3079,7 @@ dialog:dir(rtl)::after {
.weatherForecastRow {
text-transform: uppercase;
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
}
.weatherCityRow {
@@ -4139,12 +4129,7 @@ dialog:dir(rtl)::after {
}
.collapsible-section.ds-layout .section-top-bar .learn-more-link a {
color: var(--newtab-primary-action-background);
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
}
.collapsible-section.ds-layout .section-top-bar .learn-more-link a:is(:focus, :hover) {
text-decoration: none;
@@ -4750,12 +4735,7 @@ dialog:dir(rtl)::after {
color: var(--text-color);
display: flex;
font-size: calc(var(--font-size-large) * 2);
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
font-variant-numeric: tabular-nums;
height: 100%;
inset-block-start: 0;
@@ -6739,12 +6719,7 @@ dialog:dir(rtl)::after {
.ds-navigation {
color: var(--newtab-contextual-text-primary-color);
font-size: var(--font-size-small);
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
padding: var(--space-xsmall) 0;
}
@media (min-width: 1122px) {
@@ -6849,12 +6824,7 @@ dialog:dir(rtl)::after {
border-block-start: 1px solid var(--border-color);
line-height: 24px;
font-size: var(--font-size-small);
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
}
.ds-navigation.ds-navigation-new-topics ul li::after {
content: "";
@@ -7335,12 +7305,7 @@ dialog:dir(rtl)::after {
border: none;
padding: var(--space-xsmall) var(--space-large);
font-size: var(--font-size-small);
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
min-height: var(--size-item-large);
min-width: 97px;
color: var(--newtab-text-primary-color);
@@ -7872,12 +7837,7 @@ dialog:dir(rtl)::after {
.ds-privacy-link {
text-align: center;
font-size: var(--font-size-small);
- /**
- * @backward-compat { version 146 }
- *
- * Replace this with `--font-weight-semibold` once 146 hits release.
- */
- font-weight: var(--heading-font-weight);
+ font-weight: var(--font-weight-semibold);
}
.ds-privacy-link a:hover {
text-decoration: none;
