imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -29,7 +29,7 @@ limitations under the License.
.mx_LargeLoader_text {
font-size: 24px;
font-weight: 600;
font-weight: var(--font-semi-bold);
padding: 0 16px;
position: relative;
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 */
> div > h2 {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-15px;
line-height: $font-24px;
color: $primary-content;
@ -72,7 +72,7 @@ limitations under the License.
}
> div > h4 {
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-12px;
line-height: $font-15px;
text-transform: uppercase;

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

@ -251,7 +251,7 @@ $pulse-color: $alert;
.mx_RightPanel_scopeHeader {
margin: 24px;
text-align: center;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
font-size: $font-18px;
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 */
overflow: hidden;
margin: 9px;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
}
.mx_RoomSearch_shortcutPrompt {
@ -62,7 +62,7 @@ limitations under the License.
font-size: $font-12px;
line-height: $font-15px;
font-family: inherit;
font-weight: $font-semi-bold;
font-weight: var(--font-semi-bold);
color: $light-fg-color;
margin-right: 6px;
white-space: nowrap;

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

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

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

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

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

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

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

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

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

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

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

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