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

@ -90,7 +90,7 @@ limitations under the License.
&.mx_AccessibleButton_kind_primary,
&.mx_AccessibleButton_kind_primary_outline,
&.mx_AccessibleButton_kind_secondary {
font-weight: 600;
font-weight: var(--font-semi-bold);
}
&.mx_AccessibleButton_kind_primary,

View file

@ -39,7 +39,7 @@ limitations under the License.
color: $info-plinth-fg-color;
border-left: none;
border-right: none;
font-weight: 600;
font-weight: var(--font-semi-bold);
padding: 9px 10px;
flex: 0 0 auto;
}

View file

@ -33,7 +33,7 @@ limitations under the License.
border-radius: 8px;
display: inline-block;
font-size: $font-14px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
border: 1px solid $input-border-color;
color: $primary-content;

View file

@ -25,7 +25,7 @@ limitations under the License.
line-height: $font-20px;
> h2 {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
margin: 0 0 20px;
grid-column: 1;
grid-row: 1;

View file

@ -102,7 +102,7 @@ limitations under the License.
}
.mx_Tooltip_title {
font-weight: 600;
font-weight: var(--font-semi-bold);
}
.mx_Tooltip_sub {

View file

@ -26,7 +26,7 @@ limitations under the License.
justify-content: flex-end;
h1 {
font-weight: 600;
font-weight: var(--font-semi-bold);
font-size: $font-32px;
text-align: center;
}