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:
@@ -31,7 +31,7 @@ limitations under the License.
|
||||
|
||||
.mx_DevicesPanel_header_title {
|
||||
font-size: $font-18px;
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-semi-bold);
|
||||
color: $primary-content;
|
||||
}
|
||||
|
||||
|
||||
@@ -27,7 +27,7 @@ limitations under the License.
|
||||
.mx_JoinRuleSettings_spacesWithAccess {
|
||||
> h4 {
|
||||
color: $secondary-content;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
font-size: $font-12px;
|
||||
line-height: $font-15px;
|
||||
text-transform: uppercase;
|
||||
@@ -61,7 +61,7 @@ limitations under the License.
|
||||
|
||||
.mx_StyledRadioButton_content {
|
||||
margin-left: 14px;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
font-size: $font-15px;
|
||||
line-height: $font-24px;
|
||||
color: $primary-content;
|
||||
|
||||
@@ -53,13 +53,13 @@ limitations under the License.
|
||||
}
|
||||
.mx_UserNotifSettings_gridRowHeading {
|
||||
font-size: $font-18px;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
}
|
||||
|
||||
.mx_UserNotifSettings_gridColumnLabel {
|
||||
color: $secondary-content;
|
||||
font-size: $font-12px;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
}
|
||||
.mx_UserNotifSettings_gridRowError {
|
||||
// occupy full row
|
||||
@@ -79,7 +79,7 @@ limitations under the License.
|
||||
& > div:first-child {
|
||||
/* section header */
|
||||
font-size: $font-18px;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
}
|
||||
|
||||
> table {
|
||||
|
||||
@@ -22,7 +22,7 @@ limitations under the License.
|
||||
.mx_SettingsFieldset_legend {
|
||||
font-size: $font-16px;
|
||||
display: block;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
color: $primary-content;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 12px;
|
||||
|
||||
@@ -40,7 +40,7 @@ limitations under the License.
|
||||
margin-right: 15px;
|
||||
margin-top: 10px;
|
||||
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-semi-bold);
|
||||
|
||||
> span {
|
||||
justify-content: center;
|
||||
|
||||
@@ -33,7 +33,7 @@ limitations under the License.
|
||||
|
||||
.mx_SettingsTab_heading {
|
||||
font-size: $font-20px;
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-semi-bold);
|
||||
color: $primary-content;
|
||||
margin-top: 10px; /* TODO: Use a spacing variable */
|
||||
margin-bottom: 10px; /* TODO: Use a spacing variable */
|
||||
@@ -47,7 +47,7 @@ limitations under the License.
|
||||
.mx_SettingsTab_subheading {
|
||||
font-size: $font-16px;
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-semi-bold);
|
||||
color: $primary-content;
|
||||
margin-top: $spacing-12;
|
||||
margin-bottom: 10px; /* TODO: Use a spacing variable */
|
||||
|
||||
@@ -22,7 +22,7 @@ limitations under the License.
|
||||
color: $primary-content;
|
||||
font-size: $font-15px;
|
||||
line-height: $font-18px;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
margin-top: 16px;
|
||||
position: relative;
|
||||
padding-left: 8px;
|
||||
|
||||
Reference in New Issue
Block a user