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:
@@ -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,
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user