Replace Sass variables with custom properties on _font-weights.pcss (#10554)

* Replace `$font-normal` and `$font-semi-bold`

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Replace `font-weight: 600` with the custom property

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Replace the existing variables

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

---------

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2023-04-21 14:16:00 +00:00 committed by GitHub
parent 7c4d0ceddc
commit 92906c2130
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
95 changed files with 149 additions and 147 deletions

View file

@ -31,7 +31,7 @@ limitations under the License.
.mx_DevicesPanel_header_title {
font-size: $font-18px;
font-weight: 600;
font-weight: var(--font-semi-bold);
color: $primary-content;
}

View file

@ -27,7 +27,7 @@ limitations under the License.
.mx_JoinRuleSettings_spacesWithAccess {
> h4 {
color: $secondary-content;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-12px;
line-height: $font-15px;
text-transform: uppercase;
@ -61,7 +61,7 @@ limitations under the License.
.mx_StyledRadioButton_content {
margin-left: 14px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-15px;
line-height: $font-24px;
color: $primary-content;

View file

@ -53,13 +53,13 @@ limitations under the License.
}
.mx_UserNotifSettings_gridRowHeading {
font-size: $font-18px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
}
.mx_UserNotifSettings_gridColumnLabel {
color: $secondary-content;
font-size: $font-12px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
}
.mx_UserNotifSettings_gridRowError {
// occupy full row
@ -79,7 +79,7 @@ limitations under the License.
& > div:first-child {
/* section header */
font-size: $font-18px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
}
> table {

View file

@ -22,7 +22,7 @@ limitations under the License.
.mx_SettingsFieldset_legend {
font-size: $font-16px;
display: block;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
color: $primary-content;
margin-bottom: 10px;
margin-top: 12px;

View file

@ -40,7 +40,7 @@ limitations under the License.
margin-right: 15px;
margin-top: 10px;
font-weight: 600;
font-weight: var(--font-semi-bold);
> span {
justify-content: center;

View file

@ -33,7 +33,7 @@ limitations under the License.
.mx_SettingsTab_heading {
font-size: $font-20px;
font-weight: 600;
font-weight: var(--font-semi-bold);
color: $primary-content;
margin-top: 10px; /* TODO: Use a spacing variable */
margin-bottom: 10px; /* TODO: Use a spacing variable */
@ -47,7 +47,7 @@ limitations under the License.
.mx_SettingsTab_subheading {
font-size: $font-16px;
display: block;
font-weight: 600;
font-weight: var(--font-semi-bold);
color: $primary-content;
margin-top: $spacing-12;
margin-bottom: 10px; /* TODO: Use a spacing variable */

View file

@ -22,7 +22,7 @@ limitations under the License.
color: $primary-content;
font-size: $font-15px;
line-height: $font-18px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
margin-top: 16px;
position: relative;
padding-left: 8px;