commit 3bd7fc83a0e547fe8d247f65a42c6bde4cf6d6b2
parent 1076fa5e1afbbd0d31272c5bf0d0fe034f7e7a02
Author: dwhisman <dwhisman@mozilla.com>
Date: Mon, 3 Nov 2025 20:03:53 +0000
Bug 1992736 - Use font-weight tokens instead of keywords/raw values r=omc-reviewers,emcminn
Differential Revision: https://phabricator.services.mozilla.com/D270559
Diffstat:
5 files changed, 34 insertions(+), 34 deletions(-)
diff --git a/browser/components/aboutwelcome/content-src/aboutwelcome.scss b/browser/components/aboutwelcome/content-src/aboutwelcome.scss
@@ -269,7 +269,7 @@ html {
border: var(--button-border);
line-height: 12px;
font-size: 0.72em;
- font-weight: 600;
+ font-weight: var(--font-weight-semibold);
padding: 8px 16px;
text-decoration: none;
cursor: default;
@@ -503,13 +503,13 @@ html {
.addon-title {
margin: 10px 0 3px;
font-size: 16px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
}
.addon-description {
margin: 2px 0 10px;
font-size: 13px;
- font-weight: 400;
+ font-weight: normal;
}
.install-button-wrapper {
@@ -1135,7 +1135,7 @@ html {
max-width: 450px;
h1 {
- font-weight: 510;
+ font-weight: var(--heading-font-weight);
font-size: 80px;
margin: 0;
width: 100%;
@@ -1146,7 +1146,7 @@ html {
font-size: 20px;
margin: 0;
margin-block-start: 24px;
- font-weight: 510;
+ font-weight: var(--heading-font-weight);
width: 100%;
}
}
@@ -1217,7 +1217,7 @@ html {
.addon-title {
font-size: 16px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
}
.addon-author {
@@ -1679,7 +1679,7 @@ html {
h1 {
font-size: 24px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
margin: 0 6px;
letter-spacing: -0.02em;
outline: none;
@@ -2063,7 +2063,7 @@ html {
gap: 16px;
margin-block: -1em 2em;
margin-inline: 1em;
- font-weight: 400;
+ font-weight: normal;
font-size: 14px;
text-align: initial;
transition: var(--transition);
@@ -2137,7 +2137,7 @@ html {
.confirmation-checklist-text {
margin-inline-start: 8px;
- font-weight: 500;
+ font-weight: var(--font-weight-semibold);
}
.confirmation-checklist-subtext {
@@ -2159,7 +2159,7 @@ html {
@include text-link-styles;
font-size: 16px;
- font-weight: 400;
+ font-weight: normal;
&:hover {
background: none;
@@ -2245,7 +2245,7 @@ html {
button.content-tiles-header {
margin: 0.5em 0 0;
font-size: 11px;
- font-weight: 400;
+ font-weight: normal;
justify-content: center;
border-width: 1px 0;
@@ -2322,7 +2322,7 @@ html {
}
.header-subtitle {
- font-weight: 400;
+ font-weight: normal;
line-height: 1.5;
}
}
@@ -2428,7 +2428,7 @@ html {
.tile-title {
font-size: 24px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
margin-block: 0;
&:not(:last-child) {
diff --git a/browser/components/aboutwelcome/content/aboutwelcome.css b/browser/components/aboutwelcome/content/aboutwelcome.css
@@ -411,7 +411,7 @@ div#feature-callout.hidden {
color: inherit;
}
#feature-callout .screen[pos=callout] .welcome-text h1 {
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
}
#feature-callout .screen[pos=callout] .welcome-text .inline-icon-container {
display: flex;
@@ -604,7 +604,7 @@ div#feature-callout.hidden {
padding: 4px 16px;
margin: 0;
font-size: 0.813em;
- font-weight: 600;
+ font-weight: var(--font-weight-semibold);
line-height: 16px;
min-height: var(--button-min-height);
text-decoration: none;
@@ -1261,7 +1261,7 @@ html {
border: var(--button-border);
line-height: 12px;
font-size: 0.72em;
- font-weight: 600;
+ font-weight: var(--font-weight-semibold);
padding: 8px 16px;
text-decoration: none;
cursor: default;
@@ -1361,7 +1361,7 @@ html {
border: var(--button-border);
line-height: 12px;
font-size: 0.72em;
- font-weight: 600;
+ font-weight: var(--font-weight-semibold);
padding: 8px 16px;
text-decoration: none;
cursor: default;
@@ -1393,12 +1393,12 @@ html {
.onboardingContainer .screen[pos=center].addons-picker .addon-container .addon-title {
margin: 10px 0 3px;
font-size: 16px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
}
.onboardingContainer .screen[pos=center].addons-picker .addon-container .addon-description {
margin: 2px 0 10px;
font-size: 13px;
- font-weight: 400;
+ font-weight: normal;
}
.onboardingContainer .screen[pos=center].addons-picker .addon-container .install-button-wrapper {
display: flex;
@@ -1629,7 +1629,7 @@ html {
border: var(--button-border);
line-height: 12px;
font-size: 0.72em;
- font-weight: 600;
+ font-weight: var(--font-weight-semibold);
padding: 8px 16px;
text-decoration: none;
cursor: default;
@@ -1942,7 +1942,7 @@ html {
max-width: 450px;
}
.onboardingContainer .screen[pos=split][fullscreen] .section-secondary .message-text.hero-text h1 {
- font-weight: 510;
+ font-weight: var(--heading-font-weight);
font-size: 80px;
margin: 0;
width: 100%;
@@ -1952,7 +1952,7 @@ html {
font-size: 20px;
margin: 0;
margin-block-start: 24px;
- font-weight: 510;
+ font-weight: var(--heading-font-weight);
width: 100%;
}
.onboardingContainer .screen[pos=split][fullscreen] .addons-picker-container {
@@ -2012,7 +2012,7 @@ html {
}
.onboardingContainer .screen[pos=split][fullscreen] .addons-picker-container .addon-container .addon-rows-container .addon-row .addon-author-details .addon-title {
font-size: 16px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
}
.onboardingContainer .screen[pos=split][fullscreen] .addons-picker-container .addon-container .addon-rows-container .addon-row .addon-author-details .addon-author {
font-size: 12px;
@@ -2593,7 +2593,7 @@ html {
}
.onboardingContainer .welcome-text h1 {
font-size: 24px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
margin: 0 6px;
letter-spacing: -0.02em;
outline: none;
@@ -2889,7 +2889,7 @@ html {
gap: 16px;
margin-block: -1em 2em;
margin-inline: 1em;
- font-weight: 400;
+ font-weight: normal;
font-size: 14px;
text-align: initial;
transition: var(--transition);
@@ -2953,7 +2953,7 @@ html {
}
.onboardingContainer .confirmation-checklist-section .confirmation-checklist-container .confirmation-checklist-text {
margin-inline-start: 8px;
- font-weight: 500;
+ font-weight: var(--font-weight-semibold);
}
.onboardingContainer .confirmation-checklist-section .confirmation-checklist-container .confirmation-checklist-subtext {
margin-inline-start: 26px;
@@ -2971,7 +2971,7 @@ html {
cursor: pointer;
color: var(--link-color);
font-size: 16px;
- font-weight: 400;
+ font-weight: normal;
}
.onboardingContainer .mobile-downloads .email-link:hover {
color: var(--link-color-hover);
@@ -3057,7 +3057,7 @@ html {
.onboardingContainer button.content-tiles-header {
margin: 0.5em 0 0;
font-size: 11px;
- font-weight: 400;
+ font-weight: normal;
justify-content: center;
border-width: 1px 0;
}
@@ -3119,7 +3119,7 @@ html {
line-height: 1.5;
}
.onboardingContainer #content-tiles-container .content-tile button.tile-header .header-text-container .header-subtitle {
- font-weight: 400;
+ font-weight: normal;
line-height: 1.5;
}
.onboardingContainer #content-tiles-container .content-tile .multi-select-container {
@@ -3204,7 +3204,7 @@ html {
}
.onboardingContainer .tile-title {
font-size: 24px;
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
margin-block: 0;
}
.onboardingContainer .tile-title:not(:last-child) {
diff --git a/browser/components/asrouter/content-src/components/ASRouterAdmin/ASRouterAdmin.scss b/browser/components/asrouter/content-src/components/ASRouterAdmin/ASRouterAdmin.scss
@@ -158,7 +158,7 @@
h1 {
font-size: 2rem;
- font-weight: 200;
+ font-weight: normal;
}
h2 button,
diff --git a/browser/components/asrouter/content-src/styles/_feature-callout.scss b/browser/components/asrouter/content-src/styles/_feature-callout.scss
@@ -218,7 +218,7 @@
}
h1 {
- font-weight: 600;
+ font-weight: var(--heading-font-weight);
}
.inline-icon-container {
@@ -472,7 +472,7 @@
padding: 4px 16px;
margin: 0;
font-size: 0.813em;
- font-weight: 600;
+ font-weight: var(--font-weight-semibold);
line-height: 16px;
min-height: var(--button-min-height);
text-decoration: none;
diff --git a/browser/components/asrouter/content/components/ASRouterAdmin/ASRouterAdmin.css b/browser/components/asrouter/content/components/ASRouterAdmin/ASRouterAdmin.css
@@ -120,7 +120,7 @@
}
.asrouter-admin h1 {
font-size: 2rem;
- font-weight: 200;
+ font-weight: normal;
}
.asrouter-admin h2 button,
.asrouter-admin p button {
