PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Replace Sass variables with custom properties on _font-weights.pcss (#10554)

Browse source 
* 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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
95 changed files with 149 additions and 147 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
res/css/_common.pcss
View file

@ -132,7 +132,7 @@ input[type="password"] {
font-family: inherit; font-family: inherit;
padding: 9px; padding: 9px;
font-size: $font-14px; font-size: $font-14px;
font-weight: 600; font-weight: var(--font-semi-bold);
min-width: 0; min-width: 0;
} }
@ -575,7 +575,7 @@ legend {
margin-bottom: 5px; margin-bottom: 5px;
/* flip colours for the secondary ones */ /* flip colours for the secondary ones */
font-weight: 600; font-weight: var(--font-semi-bold);
border: 1px solid $accent; border: 1px solid $accent;
color: $accent; color: $accent;
background-color: $button-secondary-bg-color; background-color: $button-secondary-bg-color;
@ -794,7 +794,7 @@ legend {
@define-mixin LegacyCallButton { @define-mixin LegacyCallButton {
box-sizing: border-box; box-sizing: border-box;
font-weight: 600; font-weight: var(--font-semi-bold);
height: $font-24px; height: $font-24px;
line-height: $font-24px; line-height: $font-24px;
margin-right: 0; margin-right: 0;
@ -816,7 +816,7 @@ legend {
@define-mixin ThreadRepliesAmount { @define-mixin ThreadRepliesAmount {
color: $secondary-content; color: $secondary-content;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
padding: 0 $spacing-12 0 $spacing-8; padding: 0 $spacing-12 0 $spacing-8;

6
res/css/_font-weights.pcss
View file

@ -14,5 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
$font-normal: 400; :root {
$font-semi-bold: 600; --font-normal: 400;
--font-semi-bold: 600;
}

2
res/css/components/views/beacon/_BeaconListItem.pcss
View file

@ -55,7 +55,7 @@ limitations under the License.
margin-bottom: $spacing-8; margin-bottom: $spacing-8;
.mx_BeaconStatus_label { .mx_BeaconStatus_label {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
} }

2
res/css/components/views/beacon/_OwnBeaconStatus.pcss
View file

@ -27,5 +27,5 @@ limitations under the License.
.mx_OwnBeaconStatus_destructiveButton { .mx_OwnBeaconStatus_destructiveButton {
/* override button link_inline styles */ /* override button link_inline styles */
color: $alert !important; color: $alert !important;
font-weight: $font-semi-bold !important; font-weight: var(--font-semi-bold) !important;
} }

2
res/css/components/views/elements/_FilterDropdown.pcss
View file

@ -72,7 +72,7 @@ limitations under the License.
} }
.mx_FilterDropdown_optionLabel { .mx_FilterDropdown_optionLabel {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
display: block; display: block;
} }

2
res/css/components/views/elements/_FilterTabGroup.pcss
View file

@ -38,7 +38,7 @@ limitations under the License.
&:checked + span { &:checked + span {
color: $accent; color: $accent;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
// underline // underline
box-shadow: 0 1.5px 0 0 currentColor; box-shadow: 0 1.5px 0 0 currentColor;
} }

2
res/css/components/views/pips/_WidgetPip.pcss
View file

@ -42,7 +42,7 @@ limitations under the License.
padding: $spacing-12; padding: $spacing-12;
display: flex; display: flex;
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
} }

2
res/css/components/views/spaces/_QuickThemeSwitcher.pcss
View file

@ -30,7 +30,7 @@ limitations under the License.
} }
.mx_QuickThemeSwitcher_heading { .mx_QuickThemeSwitcher_heading {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
color: $secondary-content; color: $secondary-content;

2
res/css/structures/_GenericDropdownMenu.pcss
View file

@ -92,7 +92,7 @@ limitations under the License.
span:first-child { span:first-child {
color: $primary-content; color: $primary-content;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
} }

6
res/css/structures/_HomePage.pcss
View file

@ -37,7 +37,7 @@ limitations under the License.
} }
h1 { h1 {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-32px; font-size: $font-32px;
line-height: $font-44px; line-height: $font-44px;
margin-bottom: 4px; margin-bottom: 4px;
@ -45,7 +45,7 @@ limitations under the License.
h2 { h2 {
margin-top: 4px; margin-top: 4px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
line-height: $font-25px; line-height: $font-25px;
color: $muted-fg-color; color: $muted-fg-color;
@ -73,7 +73,7 @@ limitations under the License.
word-break: break-word; word-break: break-word;
box-sizing: border-box; box-sizing: border-box;
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-20px; line-height: $font-20px;
color: #fff; /* on all themes */ color: #fff; /* on all themes */

2
res/css/structures/_LargeLoader.pcss
View file

@ -29,7 +29,7 @@ limitations under the License.
.mx_LargeLoader_text { .mx_LargeLoader_text {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: var(--font-semi-bold);
padding: 0 16px; padding: 0 16px;
position: relative; position: relative;
text-align: center; text-align: center;

4
res/css/structures/_QuickSettingsButton.pcss
View file

@ -59,7 +59,7 @@ limitations under the License.
contain: unset; /* let the dropdown paint beyond the context menu */ contain: unset; /* let the dropdown paint beyond the context menu */
> div > h2 { > div > h2 {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
color: $primary-content; color: $primary-content;
@ -72,7 +72,7 @@ limitations under the License.
} }
> div > h4 { > div > h4 {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
text-transform: uppercase; text-transform: uppercase;

2
res/css/structures/_RightPanel.pcss
View file

@ -251,7 +251,7 @@ $pulse-color: $alert;
.mx_RightPanel_scopeHeader { .mx_RightPanel_scopeHeader {
margin: 24px; margin: 24px;
text-align: center; text-align: center;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
line-height: $font-22px; line-height: $font-22px;

4
res/css/structures/_RoomSearch.pcss
View file

@ -51,7 +51,7 @@ limitations under the License.
/* the following rules are to match that of a real input field */ /* the following rules are to match that of a real input field */
overflow: hidden; overflow: hidden;
margin: 9px; margin: 9px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_RoomSearch_shortcutPrompt { .mx_RoomSearch_shortcutPrompt {
@ -62,7 +62,7 @@ limitations under the License.
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
font-family: inherit; font-family: inherit;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $light-fg-color; color: $light-fg-color;
margin-right: 6px; margin-right: 6px;
white-space: nowrap; white-space: nowrap;

8
res/css/structures/_SpaceHierarchy.pcss
View file

@ -46,7 +46,7 @@ limitations under the License.
.mx_SpaceHierarchy_listHeader_header { .mx_SpaceHierarchy_listHeader_header {
grid-column-start: 1; grid-column-start: 1;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
margin: 0; margin: 0;
} }
@ -71,7 +71,7 @@ limitations under the License.
.mx_SpaceHierarchy_error { .mx_SpaceHierarchy_error {
position: relative; position: relative;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $alert; color: $alert;
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
@ -94,7 +94,7 @@ limitations under the License.
.mx_SpaceHierarchy_roomCount { .mx_SpaceHierarchy_roomCount {
> h3 { > h3 {
display: inline; display: inline;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
line-height: $font-22px; line-height: $font-22px;
color: $primary-content; color: $primary-content;
@ -167,7 +167,7 @@ limitations under the License.
gap: 6px 12px; gap: 6px 12px;
.mx_SpaceHierarchy_roomTile_item { .mx_SpaceHierarchy_roomTile_item {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
display: grid; display: grid;

6
res/css/structures/_SpacePanel.pcss
View file

@ -276,7 +276,7 @@ $activeBorderColor: $primary-content;
border-radius: 8px; border-radius: 8px;
background-color: $panel-actions; background-color: $panel-actions;
font-size: $font-15px !important; /* override inline style */ font-size: $font-15px !important; /* override inline style */
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-18px; line-height: $font-18px;
& + .mx_BaseAvatar_image { & + .mx_BaseAvatar_image {
@ -380,7 +380,7 @@ $activeBorderColor: $primary-content;
.mx_SpacePanel_contextMenu_header { .mx_SpacePanel_contextMenu_header {
margin: 12px 16px 12px; margin: 12px 16px 12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
overflow: hidden; overflow: hidden;
@ -432,7 +432,7 @@ $activeBorderColor: $primary-content;
color: $tertiary-content; color: $tertiary-content;
font-size: $font-10px; font-size: $font-10px;
line-height: $font-12px; line-height: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
//margin-left: 8px; //margin-left: 8px;
} }
} }

6
res/css/structures/_SpaceRoomView.pcss
View file

@ -24,7 +24,7 @@ $SpaceRoomViewInnerWidth: 428px;
border-radius: 8px; border-radius: 8px;
border: 1px solid $input-border-color; border: 1px solid $input-border-color;
font-size: $font-17px; font-size: $font-17px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
margin: 20px 0; margin: 20px 0;
> div { > div {
@ -73,7 +73,7 @@ $SpaceRoomViewInnerWidth: 428px;
h1 { h1 {
margin: 0; margin: 0;
font-size: $font-24px; font-size: $font-24px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $primary-content; color: $primary-content;
width: max-content; width: max-content;
} }
@ -120,7 +120,7 @@ $SpaceRoomViewInnerWidth: 428px;
} }
.mx_SpaceRoomView_errorText { .mx_SpaceRoomView_errorText {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
color: $alert; color: $alert;

6
res/css/structures/_ToastContainer.pcss
View file

@ -115,7 +115,7 @@ limitations under the License.
color: $primary-content; color: $primary-content;
margin: 0; margin: 0;
font-size: $font-18px; font-size: $font-18px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_Toast_title_countIndicator { .mx_Toast_title_countIndicator {
@ -142,7 +142,7 @@ limitations under the License.
.mx_Toast_description { .mx_Toast_description {
color: $primary-content; color: $primary-content;
font-size: $font-15px; font-size: $font-15px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
max-width: 300px; max-width: 300px;
a { a {
@ -152,7 +152,7 @@ limitations under the License.
.mx_Toast_detail { .mx_Toast_detail {
display: block; display: block;
font-weight: $font-normal; font-weight: var(--font-normal);
margin-top: $spacing-4; margin-top: $spacing-4;
max-width: 300px; max-width: 300px;
} }

4
res/css/structures/_UserMenu.pcss
View file

@ -47,7 +47,7 @@ limitations under the License.
} }
.mx_UserMenu_name { .mx_UserMenu_name {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
margin-left: 10px; margin-left: 10px;
@ -147,7 +147,7 @@ limitations under the License.
display: inline-block; display: inline-block;
> span { > span {
font-weight: 600; font-weight: var(--font-semi-bold);
display: block; display: block;
& + span { & + span {

2
res/css/structures/auth/_Login.pcss
View file

@ -18,7 +18,7 @@ limitations under the License.
.mx_Login_submit { .mx_Login_submit {
@mixin mx_DialogButton; @mixin mx_DialogButton;
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: var(--font-semi-bold);
width: 100%; width: 100%;
margin-top: 24px; margin-top: 24px;
margin-bottom: 24px; margin-bottom: 24px;

12
res/css/views/auth/_AuthBody.pcss
View file

@ -25,7 +25,7 @@ limitations under the License.
box-sizing: border-box; box-sizing: border-box;
b { b {
font-weight: 600; font-weight: var(--font-semi-bold);
} }
&.mx_AuthBody_flex { &.mx_AuthBody_flex {
@ -35,14 +35,14 @@ limitations under the License.
h1 { h1 {
font-size: $font-24px; font-size: $font-24px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
margin-top: $spacing-8; margin-top: $spacing-8;
color: $authpage-primary-color; color: $authpage-primary-color;
} }
h2 { h2 {
font-size: $font-14px; font-size: $font-14px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $authpage-secondary-color; color: $authpage-secondary-color;
} }
@ -155,7 +155,7 @@ limitations under the License.
} }
.mx_Login_submit { .mx_Login_submit {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
margin: 0 0 $spacing-16; margin: 0 0 $spacing-16;
} }
@ -168,7 +168,7 @@ limitations under the License.
} }
.mx_AuthBody_sign-in-instead-button { .mx_AuthBody_sign-in-instead-button {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
padding: $spacing-4; padding: $spacing-4;
} }
@ -262,7 +262,7 @@ limitations under the License.
text-align: center; text-align: center;
> a { > a {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
} }

4
res/css/views/auth/_CompleteSecurityBody.pcss
View file

@ -25,13 +25,13 @@ limitations under the License.
h2 { h2 {
font-size: $font-24px; font-size: $font-24px;
font-weight: 600; font-weight: var(--font-semi-bold);
margin-top: 0; margin-top: 0;
} }
h3 { h3 {
font-size: $font-14px; font-size: $font-14px;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
a:link, a:link,

2
res/css/views/auth/_LanguageSelector.pcss
View file

@ -21,7 +21,7 @@ limitations under the License.
.mx_AuthBody_language .mx_Dropdown_input { .mx_AuthBody_language .mx_Dropdown_input {
border: none; border: none;
font-size: $font-14px; font-size: $font-14px;
font-weight: 600; font-weight: var(--font-semi-bold);
color: $authpage-lang-color; color: $authpage-lang-color;
width: auto; width: auto;
} }

2
res/css/views/auth/_LoginWithQR.pcss
View file

@ -111,7 +111,7 @@ limitations under the License.
.mx_LoginWithQR_confirmationDigits { .mx_LoginWithQR_confirmationDigits {
text-align: center; text-align: center;
margin: $spacing-48 auto; margin: $spacing-48 auto;
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-24px; font-size: $font-24px;
color: $primary-content; color: $primary-content;
} }

4
res/css/views/beta/_BetaCard.pcss
View file

@ -32,7 +32,7 @@ limitations under the License.
flex: 1; flex: 1;
.mx_BetaCard_title { .mx_BetaCard_title {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
line-height: $font-22px; line-height: $font-22px;
color: $primary-content; color: $primary-content;
@ -126,7 +126,7 @@ limitations under the License.
border-radius: 8px; border-radius: 8px;
text-transform: uppercase; text-transform: uppercase;
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: 15px; line-height: 15px;
color: $button-primary-fg-color; color: $button-primary-fg-color;
display: inline-block; display: inline-block;

2
res/css/views/context_menus/_IconizedContextMenu.pcss
View file

@ -27,7 +27,7 @@ limitations under the License.
.mx_IconizedContextMenu_optionList_label { .mx_IconizedContextMenu_optionList_label {
font-size: $font-15px; font-size: $font-15px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
/* the notFirst class is for cases where the optionList might be under a header of sorts. */ /* the notFirst class is for cases where the optionList might be under a header of sorts. */

6
res/css/views/dialogs/_AddExistingToSpaceDialog.pcss
View file

@ -48,7 +48,7 @@ limitations under the License.
margin: 0; margin: 0;
color: $secondary-content; color: $secondary-content;
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-15px; line-height: $font-15px;
} }
@ -96,7 +96,7 @@ limitations under the License.
} }
.mx_AddExistingToSpace_errorHeading { .mx_AddExistingToSpace_errorHeading {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
color: $alert; color: $alert;
@ -171,7 +171,7 @@ limitations under the License.
> div { > div {
> h1 { > h1 {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
line-height: $font-22px; line-height: $font-22px;
margin: 0; margin: 0;

2
res/css/views/dialogs/_CompoundDialog.pcss
View file

@ -37,7 +37,7 @@ limitations under the License.
h1 { h1 {
display: inline-block; display: inline-block;
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-24px; font-size: $font-24px;
margin: 0; /* managed by header class */ margin: 0; /* managed by header class */
} }

4
res/css/views/dialogs/_CreateRoomDialog.pcss
View file

@ -19,7 +19,7 @@ limitations under the License.
.mx_CreateRoomDialog_details_summary { .mx_CreateRoomDialog_details_summary {
list-style: none; list-style: none;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
cursor: pointer; cursor: pointer;
color: $accent; color: $accent;
@ -96,7 +96,7 @@ limitations under the License.
.mx_SettingsFlag_label { .mx_SettingsFlag_label {
flex: 1 1 0; flex: 1 1 0;
min-width: 0; min-width: 0;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_ToggleSwitch { .mx_ToggleSwitch {

2
res/css/views/dialogs/_ExportDialog.pcss
View file

@ -19,7 +19,7 @@ limitations under the License.
font-size: $font-16px; font-size: $font-16px;
display: block; display: block;
font-family: $font-family; font-family: $font-family;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $primary-content; color: $primary-content;
margin-top: 18px; margin-top: 18px;
margin-bottom: 12px; margin-bottom: 12px;

2
res/css/views/dialogs/_FeedbackDialog.pcss
View file

@ -41,7 +41,7 @@ limitations under the License.
> h3 { > h3 {
margin-top: 0; margin-top: 0;
margin-bottom: 8px; margin-bottom: 8px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
line-height: $font-22px; line-height: $font-22px;
} }

2
res/css/views/dialogs/_ForwardDialog.pcss
View file

@ -27,7 +27,7 @@ limitations under the License.
margin: 0 0 6px; margin: 0 0 6px;
color: $secondary-content; color: $secondary-content;
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-15px; line-height: $font-15px;
} }

6
res/css/views/dialogs/_InviteDialog.pcss
View file

@ -114,7 +114,7 @@ limitations under the License.
> span { > span {
color: $primary-content; color: $primary-content;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
> p { > p {
@ -277,7 +277,7 @@ limitations under the License.
input { input {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: var(--font-semi-bold);
padding-top: 0; padding-top: 0;
} }
@ -429,7 +429,7 @@ limitations under the License.
.mx_InviteDialog_tile_nameStack_name { .mx_InviteDialog_tile_nameStack_name {
font-size: $font-15px; font-size: $font-15px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $primary-content; color: $primary-content;
} }

2
res/css/views/dialogs/_ManageRestrictedJoinRuleDialog.pcss
View file

@ -54,7 +54,7 @@ limitations under the License.
margin: 0; margin: 0;
color: $secondary-content; color: $secondary-content;
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-15px; line-height: $font-15px;
} }

2
res/css/views/dialogs/_NewSessionReviewDialog.pcss
View file

@ -28,7 +28,7 @@ limitations under the License.
} }
.mx_NewSessionReviewDialog_deviceName { .mx_NewSessionReviewDialog_deviceName {
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_NewSessionReviewDialog_deviceID { .mx_NewSessionReviewDialog_deviceID {

2
res/css/views/dialogs/_PollCreateDialog.pcss
View file

@ -26,7 +26,7 @@ limitations under the License.
} }
h2 { h2 {
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
margin-top: 0; margin-top: 0;

2
res/css/views/dialogs/_RoomSettingsDialogBridges.pcss
View file

@ -94,7 +94,7 @@ limitations under the License.
.mx_RoomSettingsDialog_workspace_channel_details { .mx_RoomSettingsDialog_workspace_channel_details {
color: $primary-content; color: $primary-content;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
.mx_RoomSettingsDialog_channel { .mx_RoomSettingsDialog_channel {
margin-inline-start: 5px; margin-inline-start: 5px;

2
res/css/views/dialogs/_ServerPickerDialog.pcss
View file

@ -37,7 +37,7 @@ limitations under the License.
> h2 { > h2 {
font-size: $font-15px; font-size: $font-15px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $secondary-content; color: $secondary-content;
margin: 16px 0 16px 8px; margin: 16px 0 16px 8px;
} }

4
res/css/views/dialogs/_SpaceSettingsDialog.pcss
View file

@ -18,7 +18,7 @@ limitations under the License.
color: $primary-content; color: $primary-content;
.mx_SpaceSettings_errorText { .mx_SpaceSettings_errorText {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
color: $alert; color: $alert;
@ -48,7 +48,7 @@ limitations under the License.
margin-bottom: 4px; margin-bottom: 4px;
.mx_StyledRadioButton_content { .mx_StyledRadioButton_content {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-18px; line-height: $font-18px;
color: $primary-content; color: $primary-content;
} }

2
res/css/views/dialogs/_SpotlightDialog.pcss
View file

@ -163,7 +163,7 @@ limitations under the License.
.mx_SpotlightDialog_section { .mx_SpotlightDialog_section {
> h4, > h4,
> .mx_SpotlightDialog_sectionHeader > h4 { > .mx_SpotlightDialog_sectionHeader > h4 {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
color: $secondary-content; color: $secondary-content;

2
res/css/views/dialogs/_VerifyEMailDialog.pcss
View file

@ -27,7 +27,7 @@ limitations under the License.
h1 { h1 {
font-size: $font-24px; font-size: $font-24px;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_VerifyEMailDialog_text-light { .mx_VerifyEMailDialog_text-light {

4
res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
View file

@ -38,7 +38,7 @@ limitations under the License.
.mx_SettingsFlag_label { .mx_SettingsFlag_label {
flex: 1 1 0; flex: 1 1 0;
min-width: 0; min-width: 0;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_ToggleSwitch { .mx_ToggleSwitch {
@ -103,7 +103,7 @@ limitations under the License.
.mx_CreateSecretStorageDialog_optionTitle { .mx_CreateSecretStorageDialog_optionTitle {
color: $dialog-title-fg-color; color: $dialog-title-fg-color;
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
padding-bottom: 10px; padding-bottom: 10px;
} }

2
res/css/views/elements/_AccessibleButton.pcss
View file

@ -90,7 +90,7 @@ limitations under the License.
&.mx_AccessibleButton_kind_primary, &.mx_AccessibleButton_kind_primary,
&.mx_AccessibleButton_kind_primary_outline, &.mx_AccessibleButton_kind_primary_outline,
&.mx_AccessibleButton_kind_secondary { &.mx_AccessibleButton_kind_secondary {
font-weight: 600; font-weight: var(--font-semi-bold);
} }
&.mx_AccessibleButton_kind_primary, &.mx_AccessibleButton_kind_primary,

2
res/css/views/elements/_RoomAliasField.pcss
View file

@ -39,7 +39,7 @@ limitations under the License.
color: $info-plinth-fg-color; color: $info-plinth-fg-color;
border-left: none; border-left: none;
border-right: none; border-right: none;
font-weight: 600; font-weight: var(--font-semi-bold);
padding: 9px 10px; padding: 9px 10px;
flex: 0 0 auto; flex: 0 0 auto;
} }

2
res/css/views/elements/_SSOButtons.pcss
View file

@ -33,7 +33,7 @@ limitations under the License.
border-radius: 8px; border-radius: 8px;
display: inline-block; display: inline-block;
font-size: $font-14px; font-size: $font-14px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
border: 1px solid $input-border-color; border: 1px solid $input-border-color;
color: $primary-content; color: $primary-content;

2
res/css/views/elements/_ServerPicker.pcss
View file

@ -25,7 +25,7 @@ limitations under the License.
line-height: $font-20px; line-height: $font-20px;
> h2 { > h2 {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
margin: 0 0 20px; margin: 0 0 20px;
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;

2
res/css/views/elements/_Tooltip.pcss
View file

@ -102,7 +102,7 @@ limitations under the License.
} }
.mx_Tooltip_title { .mx_Tooltip_title {
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_Tooltip_sub { .mx_Tooltip_sub {

2
res/css/views/elements/_UseCaseSelection.pcss
View file

@ -26,7 +26,7 @@ limitations under the License.
justify-content: flex-end; justify-content: flex-end;
h1 { h1 {
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-32px; font-size: $font-32px;
text-align: center; text-align: center;
} }

2
res/css/views/emojipicker/_EmojiPicker.pcss
View file

@ -213,7 +213,7 @@ limitations under the License.
.mx_EmojiPicker_category_label, .mx_EmojiPicker_category_label,
.mx_EmojiPicker_preview_name { .mx_EmojiPicker_preview_name {
font-size: $font-16px; font-size: $font-16px;
font-weight: 600; font-weight: var(--font-semi-bold);
margin: 0; margin: 0;
} }

2
res/css/views/messages/_CallEvent.pcss
View file

@ -67,7 +67,7 @@ limitations under the License.
} }
.mx_CallEvent_active .mx_CallEvent_title { .mx_CallEvent_active .mx_CallEvent_title {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_CallEvent_columns { .mx_CallEvent_columns {

4
res/css/views/messages/_DisambiguatedProfile.pcss
View file

@ -22,12 +22,12 @@ limitations under the License.
cursor: pointer; cursor: pointer;
.mx_DisambiguatedProfile_displayName { .mx_DisambiguatedProfile_displayName {
font-weight: 600; font-weight: var(--font-semi-bold);
margin-inline-end: 0; margin-inline-end: 0;
} }
.mx_DisambiguatedProfile_mxid { .mx_DisambiguatedProfile_mxid {
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: 1.1rem; font-size: 1.1rem;
margin-inline-start: 5px; margin-inline-start: 5px;
opacity: 0.5; /* Match mx_TextualEvent */ opacity: 0.5; /* Match mx_TextualEvent */

2
res/css/views/messages/_EventTileBubble.pcss
View file

@ -48,7 +48,7 @@ limitations under the License.
} }
.mx_EventTileBubble_title { .mx_EventTileBubble_title {
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
grid-row: 1; grid-row: 1;
} }

2
res/css/views/messages/_LegacyCallEvent.pcss
View file

@ -118,7 +118,7 @@ limitations under the License.
min-width: 0; min-width: 0;
.mx_LegacyCallEvent_sender { .mx_LegacyCallEvent_sender {
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.8rem; line-height: 1.8rem;
margin-bottom: $spacing-4; margin-bottom: $spacing-4;

2
res/css/views/messages/_MPollBody.pcss
View file

@ -18,7 +18,7 @@ limitations under the License.
margin-top: 8px; margin-top: 8px;
h2 { h2 {
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
margin-top: 0; margin-top: 0;

6
res/css/views/right_panel/_BaseCard.pcss
View file

@ -34,7 +34,7 @@ limitations under the License.
> h2 { > h2 {
margin: 0 44px; /* TODO: Use a spacing variable */ margin: 0 44px; /* TODO: Use a spacing variable */
font-size: $font-18px; font-size: $font-18px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -199,7 +199,7 @@ limitations under the License.
.mx_AccessibleButton_kind_secondary { .mx_AccessibleButton_kind_secondary {
color: $secondary-content; color: $secondary-content;
background-color: rgba(141, 151, 165, 0.2); background-color: rgba(141, 151, 165, 0.2);
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-14px; font-size: $font-14px;
} }
@ -227,7 +227,7 @@ limitations under the License.
position: initial; position: initial;
span:first-of-type { span:first-of-type {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: inherit; font-size: inherit;
color: $primary-content; color: $primary-content;
} }

4
res/css/views/right_panel/_RoomSummaryCard.pcss
View file

@ -21,7 +21,7 @@ limitations under the License.
h1 { h1 {
margin: $spacing-12 0 $spacing-4; margin: $spacing-12 0 $spacing-4;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_RoomSummaryCard_alias { .mx_RoomSummaryCard_alias {
@ -237,7 +237,7 @@ limitations under the License.
margin-top: 12px; margin-top: 12px;
margin-bottom: 12px; margin-bottom: 12px;
font-size: $font-13px; font-size: $font-13px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
} }

4
res/css/views/right_panel/_ThreadPanel.pcss
View file

@ -174,7 +174,7 @@ limitations under the License.
h2 { h2 {
color: $primary-content; color: $primary-content;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
margin-top: 24px; margin-top: 24px;
margin-bottom: 10px; margin-bottom: 10px;
@ -204,7 +204,7 @@ limitations under the License.
line-height: $font-15px; line-height: $font-15px;
> b { > b {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
} }
} }

4
res/css/views/right_panel/_UserInfo.pcss
View file

@ -43,7 +43,7 @@ limitations under the License.
h2 { h2 {
font-size: $font-18px; font-size: $font-18px;
font-weight: 600; font-weight: var(--font-semi-bold);
margin: 18px 0 0 0; /* TODO: Use a variable */ margin: 18px 0 0 0; /* TODO: Use a variable */
} }
@ -145,7 +145,7 @@ limitations under the License.
h3 { h3 {
text-transform: uppercase; text-transform: uppercase;
color: $tertiary-content; color: $tertiary-content;
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-12px; font-size: $font-12px;
margin: $spacing-4 0; margin: $spacing-4 0;
} }

2
res/css/views/room_settings/_AliasSettings.pcss
View file

@ -31,7 +31,7 @@ limitations under the License.
summary { summary {
cursor: pointer; cursor: pointer;
color: $accent; color: $accent;
font-weight: 600; font-weight: var(--font-semi-bold);
list-style: none; list-style: none;
/* list-style doesn't do it for webkit */ /* list-style doesn't do it for webkit */

2
res/css/views/rooms/_AppsDrawer.pcss
View file

@ -329,7 +329,7 @@ $MinWidth: 240px;
} }
.mx_AppPermissionWarning_bolder { .mx_AppPermissionWarning_bolder {
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_AppPermissionWarning h4 { .mx_AppPermissionWarning h4 {

2
res/css/views/rooms/_DecryptionFailureBar.pcss
View file

@ -73,7 +73,7 @@ limitations under the License.
.mx_DecryptionFailureBar_start_headline { .mx_DecryptionFailureBar_start_headline {
grid-area: headline; grid-area: headline;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-16px; font-size: $font-16px;
align-self: center; align-self: center;
} }

2
res/css/views/rooms/_MemberInfo.pcss
View file

@ -50,7 +50,7 @@ limitations under the License.
.mx_MemberInfo h2 { .mx_MemberInfo h2 {
font-size: $font-18px; font-size: $font-18px;
font-weight: 600; font-weight: var(--font-semi-bold);
margin: 16px 0 16px 15px; margin: 16px 0 16px 15px;
} }

4
res/css/views/rooms/_MemberList.pcss
View file

@ -31,7 +31,7 @@ limitations under the License.
h2 { h2 {
text-transform: uppercase; text-transform: uppercase;
color: $h3-color; color: $h3-color;
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-13px; font-size: $font-13px;
padding-left: 3px; padding-left: 3px;
padding-right: 12px; padding-right: 12px;
@ -85,7 +85,7 @@ limitations under the License.
display: flex; display: flex;
justify-content: center; justify-content: center;
color: $button-fg-color; color: $button-fg-color;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_MemberList_invite.mx_AccessibleButton_disabled { .mx_MemberList_invite.mx_AccessibleButton_disabled {

2
res/css/views/rooms/_MessageComposerFormatBar.pcss
View file

@ -99,7 +99,7 @@ limitations under the License.
.mx_MessageComposerFormatBar_buttonTooltip { .mx_MessageComposerFormatBar_buttonTooltip {
white-space: nowrap; white-space: nowrap;
font-size: $font-13px; font-size: $font-13px;
font-weight: 600; font-weight: var(--font-semi-bold);
min-width: 54px; min-width: 54px;
text-align: center; text-align: center;

2
res/css/views/rooms/_NewRoomIntro.pcss
View file

@ -55,7 +55,7 @@ limitations under the License.
> h2 { > h2 {
margin-top: 24px; margin-top: 24px;
font-size: $font-24px; font-size: $font-24px;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
> p { > p {

2
res/css/views/rooms/_PinnedEventTile.pcss
View file

@ -48,7 +48,7 @@ limitations under the License.
.mx_PinnedEventTile_sender { .mx_PinnedEventTile_sender {
grid-area: name; grid-area: name;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
text-overflow: ellipsis; text-overflow: ellipsis;

2
res/css/views/rooms/_ReadReceiptGroup.pcss
View file

@ -86,7 +86,7 @@ limitations under the License.
font-size: 12px; font-size: 12px;
line-height: 15px; line-height: 15px;
margin: 16px 16px 8px; margin: 16px 16px 8px;
font-weight: 600; font-weight: var(--font-semi-bold);
/* shouldn’t be actually focusable */ /* shouldn’t be actually focusable */
outline: none; outline: none;
} }

2
res/css/views/rooms/_RoomBreadcrumbs.pcss
View file

@ -44,7 +44,7 @@ limitations under the License.
} }
.mx_RoomBreadcrumbs_placeholder { .mx_RoomBreadcrumbs_placeholder {
font-weight: 600; font-weight: var(--font-semi-bold);
font-size: $font-14px; font-size: $font-14px;
line-height: 32px; /* specifically to match the height this is not scaled */ line-height: 32px; /* specifically to match the height this is not scaled */
height: 32px; height: 32px;

2
res/css/views/rooms/_RoomCallBanner.pcss
View file

@ -36,7 +36,7 @@ limitations under the License.
.mx_RoomCallBanner_label { .mx_RoomCallBanner_label {
color: $primary-content; color: $primary-content;
font-weight: 600; font-weight: var(--font-semi-bold);
padding-right: $spacing-8; padding-right: $spacing-8;
&::before { &::before {

2
res/css/views/rooms/_RoomHeader.pcss
View file

@ -65,7 +65,7 @@ limitations under the License.
flex: 0 1 auto; flex: 0 1 auto;
overflow: hidden; overflow: hidden;
color: $primary-content; color: $primary-content;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
min-height: 24px; min-height: 24px;
align-items: center; align-items: center;

2
res/css/views/rooms/_RoomList.pcss
View file

@ -50,7 +50,7 @@ limitations under the License.
font-size: $font-14px; font-size: $font-14px;
div:first-child { div:first-child {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-18px; line-height: $font-18px;
color: $primary-content; color: $primary-content;
} }

2
res/css/views/rooms/_RoomListHeader.pcss
View file

@ -22,7 +22,7 @@ limitations under the License.
.mx_RoomListHeader_contextMenuButton { .mx_RoomListHeader_contextMenuButton {
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
padding: 1px 24px 1px 4px; padding: 1px 24px 1px 4px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;

4
res/css/views/rooms/_RoomPreviewBar.pcss
View file

@ -24,7 +24,7 @@ limitations under the License.
h3 { h3 {
font-size: $font-18px; font-size: $font-18px;
font-weight: 600; font-weight: var(--font-semi-bold);
&.mx_RoomPreviewBar_spinnerTitle { &.mx_RoomPreviewBar_spinnerTitle {
display: flex; display: flex;
@ -141,7 +141,7 @@ limitations under the License.
} }
.mx_RoomPreviewBar_inviter { .mx_RoomPreviewBar_inviter {
font-weight: 600; font-weight: var(--font-semi-bold);
} }
a.mx_RoomPreviewBar_inviter { a.mx_RoomPreviewBar_inviter {

2
res/css/views/rooms/_RoomPreviewCard.pcss
View file

@ -26,7 +26,7 @@ limitations under the License.
font-size: $font-14px; font-size: $font-14px;
.mx_RoomPreviewCard_notice { .mx_RoomPreviewCard_notice {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-24px; line-height: $font-24px;
color: $primary-content; color: $primary-content;
margin-top: $spacing-24; margin-top: $spacing-24;

4
res/css/views/rooms/_RoomSublist.pcss
View file

@ -147,7 +147,7 @@ limitations under the License.
max-width: calc(100% - 16px); /* 16px is the badge width */ max-width: calc(100% - 16px); /* 16px is the badge width */
line-height: $font-16px; line-height: $font-16px;
font-size: $font-13px; font-size: $font-13px;
font-weight: 600; font-weight: var(--font-semi-bold);
/* Ellipsize any text overflow */ /* Ellipsize any text overflow */
text-overflow: ellipsis; text-overflow: ellipsis;
@ -399,7 +399,7 @@ limitations under the License.
.mx_RoomSublist_contextMenu_title { .mx_RoomSublist_contextMenu_title {
font-size: $font-15px; font-size: $font-15px;
line-height: $font-20px; line-height: $font-20px;
font-weight: 600; font-weight: var(--font-semi-bold);
margin-bottom: 4px; margin-bottom: 4px;
} }

2
res/css/views/rooms/_RoomTile.pcss
View file

@ -70,7 +70,7 @@ limitations under the License.
line-height: $font-18px; line-height: $font-18px;
&.mx_RoomTile_titleHasUnreadEvents { &.mx_RoomTile_titleHasUnreadEvents {
font-weight: 600; font-weight: var(--font-semi-bold);
} }
} }

2
res/css/views/rooms/_SearchBar.pcss
View file

@ -49,7 +49,7 @@ limitations under the License.
cursor: pointer; cursor: pointer;
color: $primary-content; color: $primary-content;
border-bottom: 2px solid $accent; border-bottom: 2px solid $accent;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_SearchBar_unselected { .mx_SearchBar_unselected {

2
res/css/views/rooms/_ThreadSummary.pcss
View file

@ -107,7 +107,7 @@ limitations under the License.
} }
.mx_ThreadSummary_sender { .mx_ThreadSummary_sender {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_ThreadSummary_content { .mx_ThreadSummary_content {

2
res/css/views/rooms/_WhoIsTypingTile.pcss
View file

@ -58,7 +58,7 @@ limitations under the License.
.mx_WhoIsTypingTile_label { .mx_WhoIsTypingTile_label {
flex: 1; flex: 1;
font-size: $font-14px; font-size: $font-14px;
font-weight: 600; font-weight: var(--font-semi-bold);
color: $roomtopic-color; color: $roomtopic-color;
} }

2
res/css/views/settings/_DevicesPanel.pcss
View file

@ -31,7 +31,7 @@ limitations under the License.
.mx_DevicesPanel_header_title { .mx_DevicesPanel_header_title {
font-size: $font-18px; font-size: $font-18px;
font-weight: 600; font-weight: var(--font-semi-bold);
color: $primary-content; color: $primary-content;
} }

4
res/css/views/settings/_JoinRuleSettings.pcss
View file

@ -27,7 +27,7 @@ limitations under the License.
.mx_JoinRuleSettings_spacesWithAccess { .mx_JoinRuleSettings_spacesWithAccess {
> h4 { > h4 {
color: $secondary-content; color: $secondary-content;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
text-transform: uppercase; text-transform: uppercase;
@ -61,7 +61,7 @@ limitations under the License.
.mx_StyledRadioButton_content { .mx_StyledRadioButton_content {
margin-left: 14px; margin-left: 14px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
color: $primary-content; color: $primary-content;

6
res/css/views/settings/_Notifications.pcss
View file

@ -53,13 +53,13 @@ limitations under the License.
} }
.mx_UserNotifSettings_gridRowHeading { .mx_UserNotifSettings_gridRowHeading {
font-size: $font-18px; font-size: $font-18px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_UserNotifSettings_gridColumnLabel { .mx_UserNotifSettings_gridColumnLabel {
color: $secondary-content; color: $secondary-content;
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_UserNotifSettings_gridRowError { .mx_UserNotifSettings_gridRowError {
// occupy full row // occupy full row
@ -79,7 +79,7 @@ limitations under the License.
& > div:first-child { & > div:first-child {
/* section header */ /* section header */
font-size: $font-18px; font-size: $font-18px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
> table { > table {

2
res/css/views/settings/_SettingsFieldset.pcss
View file

@ -22,7 +22,7 @@ limitations under the License.
.mx_SettingsFieldset_legend { .mx_SettingsFieldset_legend {
font-size: $font-16px; font-size: $font-16px;
display: block; display: block;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
color: $primary-content; color: $primary-content;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 12px; margin-top: 12px;

2
res/css/views/settings/_ThemeChoicePanel.pcss
View file

@ -40,7 +40,7 @@ limitations under the License.
margin-right: 15px; margin-right: 15px;
margin-top: 10px; margin-top: 10px;
font-weight: 600; font-weight: var(--font-semi-bold);
> span { > span {
justify-content: center; justify-content: center;

4
res/css/views/settings/tabs/_SettingsTab.pcss
View file

@ -33,7 +33,7 @@ limitations under the License.
.mx_SettingsTab_heading { .mx_SettingsTab_heading {
font-size: $font-20px; font-size: $font-20px;
font-weight: 600; font-weight: var(--font-semi-bold);
color: $primary-content; color: $primary-content;
margin-top: 10px; /* TODO: Use a spacing variable */ margin-top: 10px; /* TODO: Use a spacing variable */
margin-bottom: 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 { .mx_SettingsTab_subheading {
font-size: $font-16px; font-size: $font-16px;
display: block; display: block;
font-weight: 600; font-weight: var(--font-semi-bold);
color: $primary-content; color: $primary-content;
margin-top: $spacing-12; margin-top: $spacing-12;
margin-bottom: 10px; /* TODO: Use a spacing variable */ margin-bottom: 10px; /* TODO: Use a spacing variable */

2
res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss
View file

@ -22,7 +22,7 @@ limitations under the License.
color: $primary-content; color: $primary-content;
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
margin-top: 16px; margin-top: 16px;
position: relative; position: relative;
padding-left: 8px; padding-left: 8px;

2
res/css/views/spaces/_SpaceCreateMenu.pcss
View file

@ -33,7 +33,7 @@ $spacePanelWidth: 68px;
> div { > div {
> h2 { > h2 {
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-18px; font-size: $font-18px;
margin-top: 4px; margin-top: 4px;
} }

4
res/css/views/toasts/_AnalyticsToast.pcss
View file

@ -19,13 +19,13 @@ limitations under the License.
background-color: $accent; background-color: $accent;
color: #ffffff; color: #ffffff;
border: 1px solid $accent; border: 1px solid $accent;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
.mx_AccessibleButton_kind_primary { .mx_AccessibleButton_kind_primary {
background-color: $accent; background-color: $accent;
color: #ffffff; color: #ffffff;
border: 1px solid $accent; border: 1px solid $accent;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
} }
} }

2
res/css/views/toasts/_IncomingCallToast.pcss
View file

@ -36,7 +36,7 @@ limitations under the License.
.mx_IncomingCallToast_room { .mx_IncomingCallToast_room {
display: inline-block; display: inline-block;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;

8
res/css/views/typography/_Heading.pcss
View file

@ -16,7 +16,7 @@ limitations under the License.
.mx_Heading_h1 { .mx_Heading_h1 {
font-size: $font-32px; font-size: $font-32px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-39px; line-height: $font-39px;
margin-inline: unset; margin-inline: unset;
margin-block: unset; margin-block: unset;
@ -24,7 +24,7 @@ limitations under the License.
.mx_Heading_h2 { .mx_Heading_h2 {
font-size: $font-24px; font-size: $font-24px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-29px; line-height: $font-29px;
margin-inline: unset; margin-inline: unset;
margin-block: unset; margin-block: unset;
@ -32,7 +32,7 @@ limitations under the License.
.mx_Heading_h3 { .mx_Heading_h3 {
font-size: $font-18px; font-size: $font-18px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-22px; line-height: $font-22px;
margin-inline: unset; margin-inline: unset;
margin-block: unset; margin-block: unset;
@ -40,7 +40,7 @@ limitations under the License.
.mx_Heading_h4 { .mx_Heading_h4 {
font-size: $font-15px; font-size: $font-15px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
line-height: $font-20px; line-height: $font-20px;
margin-inline: unset; margin-inline: unset;
margin-block: unset; margin-block: unset;

2
res/css/views/voip/_DialPad.pcss
View file

@ -36,7 +36,7 @@ limitations under the License.
background-color: $quinary-content; background-color: $quinary-content;
border-radius: 40px; border-radius: 40px;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: var(--font-semi-bold);
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
margin-left: auto; margin-left: auto;

6
res/css/views/voip/_DialPadContextMenu.pcss
View file

@ -48,19 +48,19 @@ limitations under the License.
.mx_DialPadContextMenu_title { .mx_DialPadContextMenu_title {
color: $muted-fg-color; color: $muted-fg-color;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_DialPadContextMenu_dialled { .mx_DialPadContextMenu_dialled {
height: 1.5em; height: 1.5em;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: var(--font-semi-bold);
border: none; border: none;
margin: 0px; margin: 0px;
} }
.mx_DialPadContextMenu_dialled input { .mx_DialPadContextMenu_dialled input {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: var(--font-semi-bold);
overflow: hidden; overflow: hidden;
max-width: 185px; max-width: 185px;
text-align: left; text-align: left;

4
res/css/views/voip/_DialPadModal.pcss
View file

@ -41,7 +41,7 @@ limitations under the License.
.mx_DialPadModal_title { .mx_DialPadModal_title {
color: $muted-fg-color; color: $muted-fg-color;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_DialPadModal_cancel { .mx_DialPadModal_cancel {
@ -65,7 +65,7 @@ limitations under the License.
.mx_DialPadModal_field input { .mx_DialPadModal_field input {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: var(--font-semi-bold);
} }
.mx_DialPadModal_dialPad { .mx_DialPadModal_dialPad {

2
res/css/voice-broadcast/atoms/_LiveBadge.pcss
View file

@ -21,7 +21,7 @@ limitations under the License.
color: $live-badge-color; color: $live-badge-color;
display: inline-flex; display: inline-flex;
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
gap: $spacing-4; gap: $spacing-4;
padding: 2px 4px; padding: 2px 4px;
} }

2
res/css/voice-broadcast/atoms/_VoiceBroadcastHeader.pcss
View file

@ -34,7 +34,7 @@ limitations under the License.
.mx_VoiceBroadcastHeader_room { .mx_VoiceBroadcastHeader_room {
font-size: $font-12px; font-size: $font-12px;
font-weight: $font-semi-bold; font-weight: var(--font-semi-bold);
min-width: 0; min-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;