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

@ -48,7 +48,7 @@ limitations under the License.
margin: 0;
color: $secondary-content;
font-size: $font-12px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
line-height: $font-15px;
}
@ -96,7 +96,7 @@ limitations under the License.
}
.mx_AddExistingToSpace_errorHeading {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-15px;
line-height: $font-18px;
color: $alert;
@ -171,7 +171,7 @@ limitations under the License.
> div {
> h1 {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-18px;
line-height: $font-22px;
margin: 0;

View file

@ -37,7 +37,7 @@ limitations under the License.
h1 {
display: inline-block;
font-weight: 600;
font-weight: var(--font-semi-bold);
font-size: $font-24px;
margin: 0; /* managed by header class */
}

View file

@ -19,7 +19,7 @@ limitations under the License.
.mx_CreateRoomDialog_details_summary {
list-style: none;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
cursor: pointer;
color: $accent;
@ -96,7 +96,7 @@ limitations under the License.
.mx_SettingsFlag_label {
flex: 1 1 0;
min-width: 0;
font-weight: 600;
font-weight: var(--font-semi-bold);
}
.mx_ToggleSwitch {

View file

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

View file

@ -41,7 +41,7 @@ limitations under the License.
> h3 {
margin-top: 0;
margin-bottom: 8px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-18px;
line-height: $font-22px;
}

View file

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

View file

@ -114,7 +114,7 @@ limitations under the License.
> span {
color: $primary-content;
font-weight: 600;
font-weight: var(--font-semi-bold);
}
> p {
@ -277,7 +277,7 @@ limitations under the License.
input {
font-size: 18px;
font-weight: 600;
font-weight: var(--font-semi-bold);
padding-top: 0;
}
@ -429,7 +429,7 @@ limitations under the License.
.mx_InviteDialog_tile_nameStack_name {
font-size: $font-15px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
color: $primary-content;
}

View file

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

View file

@ -28,7 +28,7 @@ limitations under the License.
}
.mx_NewSessionReviewDialog_deviceName {
font-weight: 600;
font-weight: var(--font-semi-bold);
}
.mx_NewSessionReviewDialog_deviceID {

View file

@ -26,7 +26,7 @@ limitations under the License.
}
h2 {
font-weight: 600;
font-weight: var(--font-semi-bold);
font-size: $font-15px;
line-height: $font-24px;
margin-top: 0;

View file

@ -94,7 +94,7 @@ limitations under the License.
.mx_RoomSettingsDialog_workspace_channel_details {
color: $primary-content;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
.mx_RoomSettingsDialog_channel {
margin-inline-start: 5px;

View file

@ -37,7 +37,7 @@ limitations under the License.
> h2 {
font-size: $font-15px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
color: $secondary-content;
margin: 16px 0 16px 8px;
}

View file

@ -18,7 +18,7 @@ limitations under the License.
color: $primary-content;
.mx_SpaceSettings_errorText {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-12px;
line-height: $font-15px;
color: $alert;
@ -48,7 +48,7 @@ limitations under the License.
margin-bottom: 4px;
.mx_StyledRadioButton_content {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
line-height: $font-18px;
color: $primary-content;
}

View file

@ -163,7 +163,7 @@ limitations under the License.
.mx_SpotlightDialog_section {
> h4,
> .mx_SpotlightDialog_sectionHeader > h4 {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-12px;
line-height: $font-15px;
color: $secondary-content;

View file

@ -27,7 +27,7 @@ limitations under the License.
h1 {
font-size: $font-24px;
font-weight: 600;
font-weight: var(--font-semi-bold);
}
.mx_VerifyEMailDialog_text-light {

View file

@ -38,7 +38,7 @@ limitations under the License.
.mx_SettingsFlag_label {
flex: 1 1 0;
min-width: 0;
font-weight: 600;
font-weight: var(--font-semi-bold);
}
.mx_ToggleSwitch {
@ -103,7 +103,7 @@ limitations under the License.
.mx_CreateSecretStorageDialog_optionTitle {
color: $dialog-title-fg-color;
font-weight: 600;
font-weight: var(--font-semi-bold);
font-size: $font-18px;
padding-bottom: 10px;
}