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

@ -55,7 +55,7 @@ limitations under the License.
margin-bottom: $spacing-8;
.mx_BeaconStatus_label {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
}
}

View file

@ -27,5 +27,5 @@ limitations under the License.
.mx_OwnBeaconStatus_destructiveButton {
/* override button link_inline styles */
color: $alert !important;
font-weight: $font-semi-bold !important;
font-weight: var(--font-semi-bold) !important;
}

View file

@ -72,7 +72,7 @@ limitations under the License.
}
.mx_FilterDropdown_optionLabel {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
display: block;
}

View file

@ -38,7 +38,7 @@ limitations under the License.
&:checked + span {
color: $accent;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
// underline
box-shadow: 0 1.5px 0 0 currentColor;
}

View file

@ -42,7 +42,7 @@ limitations under the License.
padding: $spacing-12;
display: flex;
font-size: $font-12px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

View file

@ -30,7 +30,7 @@ limitations under the License.
}
.mx_QuickThemeSwitcher_heading {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-12px;
line-height: $font-15px;
color: $secondary-content;