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
|
@ -34,7 +34,7 @@ limitations under the License.
|
|||
> h2 {
|
||||
margin: 0 44px; /* TODO: Use a spacing variable */
|
||||
font-size: $font-18px;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
@ -199,7 +199,7 @@ limitations under the License.
|
|||
.mx_AccessibleButton_kind_secondary {
|
||||
color: $secondary-content;
|
||||
background-color: rgba(141, 151, 165, 0.2);
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
font-size: $font-14px;
|
||||
}
|
||||
|
||||
|
@ -227,7 +227,7 @@ limitations under the License.
|
|||
position: initial;
|
||||
|
||||
span:first-of-type {
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
font-size: inherit;
|
||||
color: $primary-content;
|
||||
}
|
||||
|
|
|
@ -21,7 +21,7 @@ limitations under the License.
|
|||
|
||||
h1 {
|
||||
margin: $spacing-12 0 $spacing-4;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
}
|
||||
|
||||
.mx_RoomSummaryCard_alias {
|
||||
|
@ -237,7 +237,7 @@ limitations under the License.
|
|||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
font-size: $font-13px;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -174,7 +174,7 @@ limitations under the License.
|
|||
|
||||
h2 {
|
||||
color: $primary-content;
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
font-size: $font-18px;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 10px;
|
||||
|
@ -204,7 +204,7 @@ limitations under the License.
|
|||
line-height: $font-15px;
|
||||
|
||||
> b {
|
||||
font-weight: $font-semi-bold;
|
||||
font-weight: var(--font-semi-bold);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -43,7 +43,7 @@ limitations under the License.
|
|||
|
||||
h2 {
|
||||
font-size: $font-18px;
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-semi-bold);
|
||||
margin: 18px 0 0 0; /* TODO: Use a variable */
|
||||
}
|
||||
|
||||
|
@ -145,7 +145,7 @@ limitations under the License.
|
|||
h3 {
|
||||
text-transform: uppercase;
|
||||
color: $tertiary-content;
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-semi-bold);
|
||||
font-size: $font-12px;
|
||||
margin: $spacing-4 0;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue