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
95 changed files with 149 additions and 147 deletions
+6 -6
View File
@@ -25,7 +25,7 @@ limitations under the License.
box-sizing: border-box;
b {
font-weight: 600;
font-weight: var(--font-semi-bold);
}
&.mx_AuthBody_flex {
@@ -35,14 +35,14 @@ limitations under the License.
h1 {
font-size: $font-24px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
margin-top: $spacing-8;
color: $authpage-primary-color;
}
h2 {
font-size: $font-14px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
color: $authpage-secondary-color;
}
@@ -155,7 +155,7 @@ limitations under the License.
}
.mx_Login_submit {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
margin: 0 0 $spacing-16;
}
@@ -168,7 +168,7 @@ limitations under the License.
}
.mx_AuthBody_sign-in-instead-button {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
padding: $spacing-4;
}
@@ -262,7 +262,7 @@ limitations under the License.
text-align: center;
> a {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
}
}
@@ -25,13 +25,13 @@ limitations under the License.
h2 {
font-size: $font-24px;
font-weight: 600;
font-weight: var(--font-semi-bold);
margin-top: 0;
}
h3 {
font-size: $font-14px;
font-weight: 600;
font-weight: var(--font-semi-bold);
}
a:link,
+1 -1
View File
@@ -21,7 +21,7 @@ limitations under the License.
.mx_AuthBody_language .mx_Dropdown_input {
border: none;
font-size: $font-14px;
font-weight: 600;
font-weight: var(--font-semi-bold);
color: $authpage-lang-color;
width: auto;
}
+1 -1
View File
@@ -111,7 +111,7 @@ limitations under the License.
.mx_LoginWithQR_confirmationDigits {
text-align: center;
margin: $spacing-48 auto;
font-weight: 600;
font-weight: var(--font-semi-bold);
font-size: $font-24px;
color: $primary-content;
}