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:
parent
7c4d0ceddc
commit
92906c2130
95 changed files with 149 additions and 147 deletions
|
@ -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;
|
||||
|
|
|
@ -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 */
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -28,7 +28,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_NewSessionReviewDialog_deviceName {
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-semi-bold);
|
||||
}
|
||||
|
||||
.mx_NewSessionReviewDialog_deviceID {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue