Rename PostCSS files to .pcss (#9013)

* Rename PostCSS files to `.pcss`

* Make Stylelint happy

* Delint

* Rename new files too

* delint

* Fix bad comment placement

.stylelintrc.js

@@ -1,5 +1,6 @@
 module.exports = {
     "extends": "stylelint-config-standard",
+    customSyntax: require('postcss-scss'),
     "plugins": [
         "stylelint-scss",
     ],
@@ -27,6 +28,25 @@ module.exports = {
         // rather than a CI thing. Shorthand selectors are harder to detect when searching for a
         // class name. This regex is trying to *allow* anything except `&words`, such as `&::before`,
         // `&.mx_Class`, etc.
-        "selector-nested-pattern": "^((&[ :.\\\[,])|([^&]))"
+        "selector-nested-pattern": "^((&[ :.\\\[,])|([^&]))",
-    }
+        "declaration-colon-space-after": "always-single-line",
+        // Disable some defaults
+        "selector-class-pattern": null,
+        "custom-property-pattern": null,
+        "selector-id-pattern": null,
+        "keyframes-name-pattern": null,
+        "string-quotes": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "selector-not-notation": null,
+        "import-notation": null,
+        "value-keyword-case": null,
+        "declaration-block-no-redundant-longhand-properties": null,
+        "shorthand-property-no-redundant-values": null,
+        "property-no-vendor-prefix": null,
+        "value-no-vendor-prefix": null,
+        "selector-no-vendor-prefix": null,
+        "media-feature-name-no-vendor-prefix": null,
+        "number-max-precision": null,
+    },
 }

docs/icons.md

@@ -22,7 +22,7 @@ const MyComponent = () => {
 Icon components are svg elements and can be styled as usual.
 
 ```
-// _MyComponents.scss
+// _MyComponents.pcss
 .mx_MyComponent-icon {
     height: 20px;
     width: 20px;
@@ -41,4 +41,4 @@ const MyComponent = () => {
         <FavoriteIcon className="mx_MyComponent-icon" role="img" aria-hidden="false">
     </>;
 }
-```
+```

package.json

@@ -20,7 +20,8 @@
     "CONTRIBUTING.rst",
     "LICENSE",
     "README.md",
-    "package.json"
+    "package.json",
+    ".stylelintrc.js"
   ],
   "main": "./src/index.ts",
   "matrix_src_main": "./src/index.ts",
@@ -47,7 +48,7 @@
     "lint:js": "eslint --max-warnings 0 src test cypress",
     "lint:js-fix": "eslint --fix src test cypress",
     "lint:types": "tsc --noEmit --jsx react && tsc --noEmit --jsx react -p cypress",
-    "lint:style": "stylelint \"res/css/**/*.scss\"",
+    "lint:style": "stylelint \"res/css/**/*.pcss\"",
     "test": "jest",
     "test:cypress": "cypress run",
     "test:cypress:open": "cypress open",
@@ -193,13 +194,14 @@
     "matrix-mock-request": "^2.0.0",
     "matrix-react-test-utils": "^0.2.3",
     "matrix-web-i18n": "^1.3.0",
+    "postcss-scss": "^4.0.4",
     "raw-loader": "^4.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
     "rrweb-snapshot": "1.1.7",
-    "stylelint": "^13.9.0",
+    "stylelint": "^14.9.1",
-    "stylelint-config-standard": "^20.0.0",
+    "stylelint-config-standard": "^26.0.0",
-    "stylelint-scss": "^3.18.0",
+    "stylelint-scss": "^4.2.0",
     "typescript": "^4.7.4",
     "walk": "^2.3.14"
   },

res/css/_common.pcss

@@ -17,10 +17,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-@import "./_font-sizes.scss";
+@import "./_font-sizes.pcss";
-@import "./_font-weights.scss";
+@import "./_font-weights.pcss";
-@import "./_animations.scss";
+@import "./_animations.pcss";
-@import "./_spacing.scss";
+@import "./_spacing.pcss";
 @import url("maplibre-gl/dist/maplibre-gl.css");
 
 $hover-transition: 0.08s cubic-bezier(.46, .03, .52, .96); // quadratic
@@ -112,9 +112,9 @@ a:visited {
     color: $accent-alt;
 }
 
-input[type=text],
+input[type="text"],
-input[type=search],
+input[type="search"],
-input[type=password] {
+input[type="password"] {
     font-family: inherit;
     padding: 9px;
     font-size: $font-14px;
@@ -122,25 +122,25 @@ input[type=password] {
     min-width: 0;
 }
 
-input[type=text].mx_textinput_icon,
+input[type="text"].mx_textinput_icon,
-input[type=search].mx_textinput_icon {
+input[type="search"].mx_textinput_icon {
     padding-left: 36px;
     background-repeat: no-repeat;
     background-position: 10px center;
 }
 
 // FIXME THEME - Tint by CSS rather than referencing a duplicate asset
-input[type=text].mx_textinput_icon.mx_textinput_search,
+input[type="text"].mx_textinput_icon.mx_textinput_search,
-input[type=search].mx_textinput_icon.mx_textinput_search {
+input[type="search"].mx_textinput_icon.mx_textinput_search {
     background-image: url('$(res)/img/feather-customised/search-input.svg');
 }
 
 // dont search UI as not all browsers support it,
 // we implement it ourselves where needed instead
-input[type=search]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-decoration,
-input[type=search]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-cancel-button,
-input[type=search]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-button,
-input[type=search]::-webkit-search-results-decoration {
+input[type="search"]::-webkit-search-results-decoration {
     display: none;
 }
 
@@ -150,7 +150,7 @@ textarea::placeholder {
     opacity: initial;
 }
 
-input[type=text], input[type=password], textarea {
+input[type="text"], input[type="password"], textarea {
     background-color: transparent;
     color: $primary-content;
 }
@@ -160,7 +160,7 @@ textarea {
     color: $primary-content;
 }
 
-input[type=text]:focus, input[type=password]:focus, textarea:focus {
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
     outline: none;
     box-shadow: none;
 }
@@ -194,15 +194,15 @@ legend {
 // appear to be part of the input
 
 .mx_Dialog, .mx_MatrixChat_wrapper {
-    .mx_textinput > input[type=text],
+    .mx_textinput > input[type="text"],
-    .mx_textinput > input[type=search] {
+    .mx_textinput > input[type="search"] {
         border: none;
         flex: 1;
         color: $primary-content;
     }
 
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=text],
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"],
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=search],
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"],
     .mx_textinput {
         display: block;
         box-sizing: border-box;
@@ -219,8 +219,8 @@ legend {
         align-items: center;
     }
 
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=text]::placeholder,
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"]::placeholder,
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=search]::placeholder,
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"]::placeholder,
     .mx_textinput input::placeholder {
         color: rgba($input-darker-fg-color, .75);
     }
@@ -230,8 +230,8 @@ legend {
 .dark-panel {
     background-color: $dark-panel-bg-color;
 
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=text],
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"],
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=search],
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"],
     .mx_textinput {
         color: $input-darker-fg-color;
         background-color: $background;
@@ -240,8 +240,8 @@ legend {
 }
 
 .light-panel {
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=text],
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"],
-    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type=search],
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"],
     .mx_textinput {
         color: $input-darker-fg-color;
         background-color: $input-lighter-bg-color;
@@ -517,7 +517,7 @@ legend {
  * Elements that should not be styled like a dialog button are mentioned in a :not() pseudo-class.
  * For the widest browser support, we use multiple :not pseudo-classes instead of :not(.a, .b).
  */
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]):not(.mx_AccessibleButton),
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]):not(.mx_AccessibleButton),
 .mx_Dialog input[type="submit"],
 .mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton),
 .mx_Dialog_buttons input[type="submit"] {
@@ -534,25 +534,25 @@ legend {
     font-family: inherit;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]):not(.mx_AccessibleButton):last-child {
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]):not(.mx_AccessibleButton):last-child {
     margin-right: 0px;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]):not(.mx_AccessibleButton):hover,
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]):not(.mx_AccessibleButton):hover,
 .mx_Dialog input[type="submit"]:hover,
 .mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton):hover,
 .mx_Dialog_buttons input[type="submit"]:hover {
     @mixin mx_DialogButton_hover;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]):not(.mx_AccessibleButton):focus,
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]):not(.mx_AccessibleButton):focus,
 .mx_Dialog input[type="submit"]:focus,
 .mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton):focus,
 .mx_Dialog_buttons input[type="submit"]:focus {
     filter: brightness($focus-brightness);
 }
 
-.mx_Dialog button.mx_Dialog_primary:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]),
+.mx_Dialog button.mx_Dialog_primary:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]),
 .mx_Dialog input[type="submit"].mx_Dialog_primary,
 .mx_Dialog_buttons button.mx_Dialog_primary:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton),
 .mx_Dialog_buttons input[type="submit"].mx_Dialog_primary {
@@ -561,7 +561,7 @@ legend {
     min-width: 156px;
 }
 
-.mx_Dialog button.danger:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]),
+.mx_Dialog button.danger:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]),
 .mx_Dialog input[type="submit"].danger,
 .mx_Dialog_buttons button.danger:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton),
 .mx_Dialog_buttons input[type="submit"].danger {
@@ -570,13 +570,13 @@ legend {
     color: $accent-fg-color;
 }
 
-.mx_Dialog button.warning:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]),
+.mx_Dialog button.warning:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]),
 .mx_Dialog input[type="submit"].warning {
     border: solid 1px $alert;
     color: $alert;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|=maplibregl]):not(.mx_AccessibleButton):disabled,
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]):not(.mx_AccessibleButton):disabled,
 .mx_Dialog input[type="submit"]:disabled,
 .mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton):disabled,
 .mx_Dialog_buttons input[type="submit"]:disabled {

res/css/_components.pcss

@@ -0,0 +1,339 @@
+// autogenerated by rethemendex.sh
+@import "./_animations.pcss";
+@import "./_common.pcss";
+@import "./_font-sizes.pcss";
+@import "./_font-weights.pcss";
+@import "./_spacing.pcss";
+@import "./components/views/beacon/_BeaconListItem.pcss";
+@import "./components/views/beacon/_BeaconStatus.pcss";
+@import "./components/views/beacon/_BeaconStatusTooltip.pcss";
+@import "./components/views/beacon/_BeaconViewDialog.pcss";
+@import "./components/views/beacon/_DialogOwnBeaconStatus.pcss";
+@import "./components/views/beacon/_DialogSidebar.pcss";
+@import "./components/views/beacon/_LeftPanelLiveShareWarning.pcss";
+@import "./components/views/beacon/_LiveTimeRemaining.pcss";
+@import "./components/views/beacon/_OwnBeaconStatus.pcss";
+@import "./components/views/beacon/_RoomLiveShareWarning.pcss";
+@import "./components/views/beacon/_ShareLatestLocation.pcss";
+@import "./components/views/beacon/_StyledLiveBeaconIcon.pcss";
+@import "./components/views/location/_EnableLiveShare.pcss";
+@import "./components/views/location/_LiveDurationDropdown.pcss";
+@import "./components/views/location/_LocationShareMenu.pcss";
+@import "./components/views/location/_MapError.pcss";
+@import "./components/views/location/_MapFallback.pcss";
+@import "./components/views/location/_Marker.pcss";
+@import "./components/views/location/_ShareDialogButtons.pcss";
+@import "./components/views/location/_ShareType.pcss";
+@import "./components/views/location/_ZoomButtons.pcss";
+@import "./components/views/messages/_MBeaconBody.pcss";
+@import "./components/views/messages/shared/_MediaProcessingError.pcss";
+@import "./components/views/spaces/_QuickThemeSwitcher.pcss";
+@import "./structures/_AutoHideScrollbar.pcss";
+@import "./structures/_BackdropPanel.pcss";
+@import "./structures/_CompatibilityPage.pcss";
+@import "./structures/_ContextualMenu.pcss";
+@import "./structures/_FileDropTarget.pcss";
+@import "./structures/_FilePanel.pcss";
+@import "./structures/_GenericDropdownMenu.pcss";
+@import "./structures/_GenericErrorPage.pcss";
+@import "./structures/_HeaderButtons.pcss";
+@import "./structures/_HomePage.pcss";
+@import "./structures/_LeftPanel.pcss";
+@import "./structures/_MainSplit.pcss";
+@import "./structures/_MatrixChat.pcss";
+@import "./structures/_NonUrgentToastContainer.pcss";
+@import "./structures/_NotificationPanel.pcss";
+@import "./structures/_QuickSettingsButton.pcss";
+@import "./structures/_RightPanel.pcss";
+@import "./structures/_RoomDirectory.pcss";
+@import "./structures/_RoomSearch.pcss";
+@import "./structures/_RoomStatusBar.pcss";
+@import "./structures/_RoomView.pcss";
+@import "./structures/_ScrollPanel.pcss";
+@import "./structures/_SearchBox.pcss";
+@import "./structures/_SpaceHierarchy.pcss";
+@import "./structures/_SpacePanel.pcss";
+@import "./structures/_SpaceRoomView.pcss";
+@import "./structures/_SplashPage.pcss";
+@import "./structures/_TabbedView.pcss";
+@import "./structures/_ToastContainer.pcss";
+@import "./structures/_UploadBar.pcss";
+@import "./structures/_UserMenu.pcss";
+@import "./structures/_VideoRoomView.pcss";
+@import "./structures/_ViewSource.pcss";
+@import "./structures/auth/_CompleteSecurity.pcss";
+@import "./structures/auth/_Login.pcss";
+@import "./structures/auth/_Registration.pcss";
+@import "./structures/auth/_SetupEncryptionBody.pcss";
+@import "./views/audio_messages/_AudioPlayer.pcss";
+@import "./views/audio_messages/_PlayPauseButton.pcss";
+@import "./views/audio_messages/_PlaybackContainer.pcss";
+@import "./views/audio_messages/_SeekBar.pcss";
+@import "./views/audio_messages/_Waveform.pcss";
+@import "./views/auth/_AuthBody.pcss";
+@import "./views/auth/_AuthButtons.pcss";
+@import "./views/auth/_AuthFooter.pcss";
+@import "./views/auth/_AuthHeader.pcss";
+@import "./views/auth/_AuthHeaderLogo.pcss";
+@import "./views/auth/_AuthPage.pcss";
+@import "./views/auth/_CompleteSecurityBody.pcss";
+@import "./views/auth/_CountryDropdown.pcss";
+@import "./views/auth/_InteractiveAuthEntryComponents.pcss";
+@import "./views/auth/_LanguageSelector.pcss";
+@import "./views/auth/_PassphraseField.pcss";
+@import "./views/auth/_Welcome.pcss";
+@import "./views/avatars/_BaseAvatar.pcss";
+@import "./views/avatars/_DecoratedRoomAvatar.pcss";
+@import "./views/avatars/_WidgetAvatar.pcss";
+@import "./views/beta/_BetaCard.pcss";
+@import "./views/context_menus/_CallContextMenu.pcss";
+@import "./views/context_menus/_DeviceContextMenu.pcss";
+@import "./views/context_menus/_IconizedContextMenu.pcss";
+@import "./views/context_menus/_MessageContextMenu.pcss";
+@import "./views/context_menus/_RoomGeneralContextMenu.pcss";
+@import "./views/context_menus/_RoomNotificationContextMenu.pcss";
+@import "./views/dialogs/_AddExistingToSpaceDialog.pcss";
+@import "./views/dialogs/_AnalyticsLearnMoreDialog.pcss";
+@import "./views/dialogs/_BugReportDialog.pcss";
+@import "./views/dialogs/_BulkRedactDialog.pcss";
+@import "./views/dialogs/_ChangelogDialog.pcss";
+@import "./views/dialogs/_ChatCreateOrReuseChatDialog.pcss";
+@import "./views/dialogs/_CompoundDialog.pcss";
+@import "./views/dialogs/_ConfirmSpaceUserActionDialog.pcss";
+@import "./views/dialogs/_ConfirmUserActionDialog.pcss";
+@import "./views/dialogs/_CreateRoomDialog.pcss";
+@import "./views/dialogs/_CreateSubspaceDialog.pcss";
+@import "./views/dialogs/_DeactivateAccountDialog.pcss";
+@import "./views/dialogs/_DevtoolsDialog.pcss";
+@import "./views/dialogs/_ExportDialog.pcss";
+@import "./views/dialogs/_FeedbackDialog.pcss";
+@import "./views/dialogs/_ForwardDialog.pcss";
+@import "./views/dialogs/_GenericFeatureFeedbackDialog.pcss";
+@import "./views/dialogs/_HostSignupDialog.pcss";
+@import "./views/dialogs/_IncomingSasDialog.pcss";
+@import "./views/dialogs/_InviteDialog.pcss";
+@import "./views/dialogs/_JoinRuleDropdown.pcss";
+@import "./views/dialogs/_LeaveSpaceDialog.pcss";
+@import "./views/dialogs/_LocationViewDialog.pcss";
+@import "./views/dialogs/_ManageRestrictedJoinRuleDialog.pcss";
+@import "./views/dialogs/_MessageEditHistoryDialog.pcss";
+@import "./views/dialogs/_ModalWidgetDialog.pcss";
+@import "./views/dialogs/_NewSessionReviewDialog.pcss";
+@import "./views/dialogs/_PollCreateDialog.pcss";
+@import "./views/dialogs/_RegistrationEmailPromptDialog.pcss";
+@import "./views/dialogs/_RoomSettingsDialog.pcss";
+@import "./views/dialogs/_RoomSettingsDialogBridges.pcss";
+@import "./views/dialogs/_RoomUpgradeDialog.pcss";
+@import "./views/dialogs/_RoomUpgradeWarningDialog.pcss";
+@import "./views/dialogs/_ServerOfflineDialog.pcss";
+@import "./views/dialogs/_ServerPickerDialog.pcss";
+@import "./views/dialogs/_SetEmailDialog.pcss";
+@import "./views/dialogs/_SettingsDialog.pcss";
+@import "./views/dialogs/_ShareDialog.pcss";
+@import "./views/dialogs/_SlashCommandHelpDialog.pcss";
+@import "./views/dialogs/_SpacePreferencesDialog.pcss";
+@import "./views/dialogs/_SpaceSettingsDialog.pcss";
+@import "./views/dialogs/_SpotlightDialog.pcss";
+@import "./views/dialogs/_TermsDialog.pcss";
+@import "./views/dialogs/_UntrustedDeviceDialog.pcss";
+@import "./views/dialogs/_UploadConfirmDialog.pcss";
+@import "./views/dialogs/_UserSettingsDialog.pcss";
+@import "./views/dialogs/_WidgetCapabilitiesPromptDialog.pcss";
+@import "./views/dialogs/security/_AccessSecretStorageDialog.pcss";
+@import "./views/dialogs/security/_CreateCrossSigningDialog.pcss";
+@import "./views/dialogs/security/_CreateKeyBackupDialog.pcss";
+@import "./views/dialogs/security/_CreateSecretStorageDialog.pcss";
+@import "./views/dialogs/security/_KeyBackupFailedDialog.pcss";
+@import "./views/dialogs/security/_RestoreKeyBackupDialog.pcss";
+@import "./views/directory/_NetworkDropdown.pcss";
+@import "./views/elements/_AccessibleButton.pcss";
+@import "./views/elements/_CopyableText.pcss";
+@import "./views/elements/_DesktopCapturerSourcePicker.pcss";
+@import "./views/elements/_DialPadBackspaceButton.pcss";
+@import "./views/elements/_DirectorySearchBox.pcss";
+@import "./views/elements/_Dropdown.pcss";
+@import "./views/elements/_EditableItemList.pcss";
+@import "./views/elements/_ErrorBoundary.pcss";
+@import "./views/elements/_EventTilePreview.pcss";
+@import "./views/elements/_ExternalLink.pcss";
+@import "./views/elements/_FacePile.pcss";
+@import "./views/elements/_Field.pcss";
+@import "./views/elements/_GenericEventListSummary.pcss";
+@import "./views/elements/_ImageView.pcss";
+@import "./views/elements/_InfoTooltip.pcss";
+@import "./views/elements/_InlineSpinner.pcss";
+@import "./views/elements/_InteractiveTooltip.pcss";
+@import "./views/elements/_InviteReason.pcss";
+@import "./views/elements/_LabelledCheckbox.pcss";
+@import "./views/elements/_ManageIntegsButton.pcss";
+@import "./views/elements/_MiniAvatarUploader.pcss";
+@import "./views/elements/_Pill.pcss";
+@import "./views/elements/_PowerSelector.pcss";
+@import "./views/elements/_ProgressBar.pcss";
+@import "./views/elements/_QRCode.pcss";
+@import "./views/elements/_ReplyChain.pcss";
+@import "./views/elements/_ResizeHandle.pcss";
+@import "./views/elements/_RichText.pcss";
+@import "./views/elements/_RoleButton.pcss";
+@import "./views/elements/_RoomAliasField.pcss";
+@import "./views/elements/_SSOButtons.pcss";
+@import "./views/elements/_SearchWarning.pcss";
+@import "./views/elements/_ServerPicker.pcss";
+@import "./views/elements/_SettingsFlag.pcss";
+@import "./views/elements/_Slider.pcss";
+@import "./views/elements/_Spinner.pcss";
+@import "./views/elements/_StyledCheckbox.pcss";
+@import "./views/elements/_StyledRadioButton.pcss";
+@import "./views/elements/_SyntaxHighlight.pcss";
+@import "./views/elements/_TagComposer.pcss";
+@import "./views/elements/_TextWithTooltip.pcss";
+@import "./views/elements/_ToggleSwitch.pcss";
+@import "./views/elements/_Tooltip.pcss";
+@import "./views/elements/_TooltipButton.pcss";
+@import "./views/elements/_UseCaseSelection.pcss";
+@import "./views/elements/_UseCaseSelectionButton.pcss";
+@import "./views/elements/_Validation.pcss";
+@import "./views/emojipicker/_EmojiPicker.pcss";
+@import "./views/location/_LocationPicker.pcss";
+@import "./views/messages/_CallEvent.pcss";
+@import "./views/messages/_CreateEvent.pcss";
+@import "./views/messages/_DateSeparator.pcss";
+@import "./views/messages/_DisambiguatedProfile.pcss";
+@import "./views/messages/_EventTileBubble.pcss";
+@import "./views/messages/_HiddenBody.pcss";
+@import "./views/messages/_JumpToDatePicker.pcss";
+@import "./views/messages/_MEmoteBody.pcss";
+@import "./views/messages/_MFileBody.pcss";
+@import "./views/messages/_MImageBody.pcss";
+@import "./views/messages/_MImageReplyBody.pcss";
+@import "./views/messages/_MJitsiWidgetEvent.pcss";
+@import "./views/messages/_MLocationBody.pcss";
+@import "./views/messages/_MNoticeBody.pcss";
+@import "./views/messages/_MPollBody.pcss";
+@import "./views/messages/_MStickerBody.pcss";
+@import "./views/messages/_MTextBody.pcss";
+@import "./views/messages/_MVideoBody.pcss";
+@import "./views/messages/_MediaBody.pcss";
+@import "./views/messages/_MessageActionBar.pcss";
+@import "./views/messages/_MessageTimestamp.pcss";
+@import "./views/messages/_MjolnirBody.pcss";
+@import "./views/messages/_ReactionsRow.pcss";
+@import "./views/messages/_ReactionsRowButton.pcss";
+@import "./views/messages/_RedactedBody.pcss";
+@import "./views/messages/_RoomAvatarEvent.pcss";
+@import "./views/messages/_TextualEvent.pcss";
+@import "./views/messages/_UnknownBody.pcss";
+@import "./views/messages/_ViewSourceEvent.pcss";
+@import "./views/messages/_common_CryptoEvent.pcss";
+@import "./views/right_panel/_BaseCard.pcss";
+@import "./views/right_panel/_EncryptionInfo.pcss";
+@import "./views/right_panel/_PinnedMessagesCard.pcss";
+@import "./views/right_panel/_RoomSummaryCard.pcss";
+@import "./views/right_panel/_ThreadPanel.pcss";
+@import "./views/right_panel/_TimelineCard.pcss";
+@import "./views/right_panel/_UserInfo.pcss";
+@import "./views/right_panel/_VerificationPanel.pcss";
+@import "./views/right_panel/_WidgetCard.pcss";
+@import "./views/room_settings/_AliasSettings.pcss";
+@import "./views/rooms/_AppsDrawer.pcss";
+@import "./views/rooms/_Autocomplete.pcss";
+@import "./views/rooms/_AuxPanel.pcss";
+@import "./views/rooms/_BasicMessageComposer.pcss";
+@import "./views/rooms/_E2EIcon.pcss";
+@import "./views/rooms/_EditMessageComposer.pcss";
+@import "./views/rooms/_EntityTile.pcss";
+@import "./views/rooms/_EventBubbleTile.pcss";
+@import "./views/rooms/_EventTile.pcss";
+@import "./views/rooms/_HistoryTile.pcss";
+@import "./views/rooms/_IRCLayout.pcss";
+@import "./views/rooms/_JumpToBottomButton.pcss";
+@import "./views/rooms/_LinkPreviewGroup.pcss";
+@import "./views/rooms/_LinkPreviewWidget.pcss";
+@import "./views/rooms/_MemberInfo.pcss";
+@import "./views/rooms/_MemberList.pcss";
+@import "./views/rooms/_MessageComposer.pcss";
+@import "./views/rooms/_MessageComposerFormatBar.pcss";
+@import "./views/rooms/_NewRoomIntro.pcss";
+@import "./views/rooms/_NotificationBadge.pcss";
+@import "./views/rooms/_PinnedEventTile.pcss";
+@import "./views/rooms/_PresenceLabel.pcss";
+@import "./views/rooms/_ReadReceiptGroup.pcss";
+@import "./views/rooms/_RecentlyViewedButton.pcss";
+@import "./views/rooms/_ReplyPreview.pcss";
+@import "./views/rooms/_ReplyTile.pcss";
+@import "./views/rooms/_RoomBreadcrumbs.pcss";
+@import "./views/rooms/_RoomHeader.pcss";
+@import "./views/rooms/_RoomInfoLine.pcss";
+@import "./views/rooms/_RoomList.pcss";
+@import "./views/rooms/_RoomListHeader.pcss";
+@import "./views/rooms/_RoomPreviewBar.pcss";
+@import "./views/rooms/_RoomPreviewCard.pcss";
+@import "./views/rooms/_RoomSublist.pcss";
+@import "./views/rooms/_RoomTile.pcss";
+@import "./views/rooms/_RoomUpgradeWarningBar.pcss";
+@import "./views/rooms/_SearchBar.pcss";
+@import "./views/rooms/_SendMessageComposer.pcss";
+@import "./views/rooms/_Stickers.pcss";
+@import "./views/rooms/_ThreadSummary.pcss";
+@import "./views/rooms/_TopUnreadMessagesBar.pcss";
+@import "./views/rooms/_VideoRoomSummary.pcss";
+@import "./views/rooms/_VoiceRecordComposerTile.pcss";
+@import "./views/rooms/_WhoIsTypingTile.pcss";
+@import "./views/settings/_AvatarSetting.pcss";
+@import "./views/settings/_CrossSigningPanel.pcss";
+@import "./views/settings/_CryptographyPanel.pcss";
+@import "./views/settings/_DevicesPanel.pcss";
+@import "./views/settings/_EmailAddresses.pcss";
+@import "./views/settings/_FontScalingPanel.pcss";
+@import "./views/settings/_ImageSizePanel.pcss";
+@import "./views/settings/_IntegrationManager.pcss";
+@import "./views/settings/_JoinRuleSettings.pcss";
+@import "./views/settings/_KeyboardShortcut.pcss";
+@import "./views/settings/_LayoutSwitcher.pcss";
+@import "./views/settings/_Notifications.pcss";
+@import "./views/settings/_PhoneNumbers.pcss";
+@import "./views/settings/_ProfileSettings.pcss";
+@import "./views/settings/_SecureBackupPanel.pcss";
+@import "./views/settings/_SetIdServer.pcss";
+@import "./views/settings/_SetIntegrationManager.pcss";
+@import "./views/settings/_SettingsFieldset.pcss";
+@import "./views/settings/_SpellCheckLanguages.pcss";
+@import "./views/settings/_ThemeChoicePanel.pcss";
+@import "./views/settings/_UpdateCheckButton.pcss";
+@import "./views/settings/tabs/_SettingsTab.pcss";
+@import "./views/settings/tabs/room/_GeneralRoomSettingsTab.pcss";
+@import "./views/settings/tabs/room/_NotificationSettingsTab.pcss";
+@import "./views/settings/tabs/room/_RolesRoomSettingsTab.pcss";
+@import "./views/settings/tabs/room/_SecurityRoomSettingsTab.pcss";
+@import "./views/settings/tabs/user/_AppearanceUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_GeneralUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_HelpUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_KeyboardUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_LabsUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_MjolnirUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_PreferencesUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_SecurityUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_SidebarUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_VoiceUserSettingsTab.pcss";
+@import "./views/spaces/_SpaceBasicSettings.pcss";
+@import "./views/spaces/_SpaceChildrenPicker.pcss";
+@import "./views/spaces/_SpaceCreateMenu.pcss";
+@import "./views/spaces/_SpacePublicShare.pcss";
+@import "./views/terms/_InlineTermsAgreement.pcss";
+@import "./views/toasts/_AnalyticsToast.pcss";
+@import "./views/toasts/_IncomingCallToast.pcss";
+@import "./views/toasts/_NonUrgentEchoFailureToast.pcss";
+@import "./views/typography/_Heading.pcss";
+@import "./views/verification/_VerificationShowSas.pcss";
+@import "./views/voip/CallView/_CallViewButtons.pcss";
+@import "./views/voip/_CallPreview.pcss";
+@import "./views/voip/_CallView.pcss";
+@import "./views/voip/_CallViewForRoom.pcss";
+@import "./views/voip/_CallViewHeader.pcss";
+@import "./views/voip/_CallViewSidebar.pcss";
+@import "./views/voip/_DialPad.pcss";
+@import "./views/voip/_DialPadContextMenu.pcss";
+@import "./views/voip/_DialPadModal.pcss";
+@import "./views/voip/_PiPContainer.pcss";
+@import "./views/voip/_VideoFeed.pcss";
+@import "./views/voip/_VideoLobby.pcss";

res/css/_components.scss

@@ -1,339 +0,0 @@
-// autogenerated by rethemendex.sh
-@import "./_animations.scss";
-@import "./_common.scss";
-@import "./_font-sizes.scss";
-@import "./_font-weights.scss";
-@import "./_spacing.scss";
-@import "./components/views/beacon/_BeaconListItem.scss";
-@import "./components/views/beacon/_BeaconStatus.scss";
-@import "./components/views/beacon/_BeaconStatusTooltip.scss";
-@import "./components/views/beacon/_BeaconViewDialog.scss";
-@import "./components/views/beacon/_DialogOwnBeaconStatus.scss";
-@import "./components/views/beacon/_DialogSidebar.scss";
-@import "./components/views/beacon/_LeftPanelLiveShareWarning.scss";
-@import "./components/views/beacon/_LiveTimeRemaining.scss";
-@import "./components/views/beacon/_OwnBeaconStatus.scss";
-@import "./components/views/beacon/_RoomLiveShareWarning.scss";
-@import "./components/views/beacon/_ShareLatestLocation.scss";
-@import "./components/views/beacon/_StyledLiveBeaconIcon.scss";
-@import "./components/views/location/_EnableLiveShare.scss";
-@import "./components/views/location/_LiveDurationDropdown.scss";
-@import "./components/views/location/_LocationShareMenu.scss";
-@import "./components/views/location/_MapError.scss";
-@import "./components/views/location/_MapFallback.scss";
-@import "./components/views/location/_Marker.scss";
-@import "./components/views/location/_ShareDialogButtons.scss";
-@import "./components/views/location/_ShareType.scss";
-@import "./components/views/location/_ZoomButtons.scss";
-@import "./components/views/messages/_MBeaconBody.scss";
-@import "./components/views/messages/shared/_MediaProcessingError.scss";
-@import "./components/views/spaces/_QuickThemeSwitcher.scss";
-@import "./structures/_AutoHideScrollbar.scss";
-@import "./structures/_BackdropPanel.scss";
-@import "./structures/_CompatibilityPage.scss";
-@import "./structures/_ContextualMenu.scss";
-@import "./structures/_FileDropTarget.scss";
-@import "./structures/_FilePanel.scss";
-@import "./structures/_GenericDropdownMenu.scss";
-@import "./structures/_GenericErrorPage.scss";
-@import "./structures/_HeaderButtons.scss";
-@import "./structures/_HomePage.scss";
-@import "./structures/_LeftPanel.scss";
-@import "./structures/_MainSplit.scss";
-@import "./structures/_MatrixChat.scss";
-@import "./structures/_NonUrgentToastContainer.scss";
-@import "./structures/_NotificationPanel.scss";
-@import "./structures/_QuickSettingsButton.scss";
-@import "./structures/_RightPanel.scss";
-@import "./structures/_RoomDirectory.scss";
-@import "./structures/_RoomSearch.scss";
-@import "./structures/_RoomStatusBar.scss";
-@import "./structures/_RoomView.scss";
-@import "./structures/_ScrollPanel.scss";
-@import "./structures/_SearchBox.scss";
-@import "./structures/_SpaceHierarchy.scss";
-@import "./structures/_SpacePanel.scss";
-@import "./structures/_SpaceRoomView.scss";
-@import "./structures/_SplashPage.scss";
-@import "./structures/_TabbedView.scss";
-@import "./structures/_ToastContainer.scss";
-@import "./structures/_UploadBar.scss";
-@import "./structures/_UserMenu.scss";
-@import "./structures/_VideoRoomView.scss";
-@import "./structures/_ViewSource.scss";
-@import "./structures/auth/_CompleteSecurity.scss";
-@import "./structures/auth/_Login.scss";
-@import "./structures/auth/_Registration.scss";
-@import "./structures/auth/_SetupEncryptionBody.scss";
-@import "./views/audio_messages/_AudioPlayer.scss";
-@import "./views/audio_messages/_PlayPauseButton.scss";
-@import "./views/audio_messages/_PlaybackContainer.scss";
-@import "./views/audio_messages/_SeekBar.scss";
-@import "./views/audio_messages/_Waveform.scss";
-@import "./views/auth/_AuthBody.scss";
-@import "./views/auth/_AuthButtons.scss";
-@import "./views/auth/_AuthFooter.scss";
-@import "./views/auth/_AuthHeader.scss";
-@import "./views/auth/_AuthHeaderLogo.scss";
-@import "./views/auth/_AuthPage.scss";
-@import "./views/auth/_CompleteSecurityBody.scss";
-@import "./views/auth/_CountryDropdown.scss";
-@import "./views/auth/_InteractiveAuthEntryComponents.scss";
-@import "./views/auth/_LanguageSelector.scss";
-@import "./views/auth/_PassphraseField.scss";
-@import "./views/auth/_Welcome.scss";
-@import "./views/avatars/_BaseAvatar.scss";
-@import "./views/avatars/_DecoratedRoomAvatar.scss";
-@import "./views/avatars/_WidgetAvatar.scss";
-@import "./views/beta/_BetaCard.scss";
-@import "./views/context_menus/_CallContextMenu.scss";
-@import "./views/context_menus/_DeviceContextMenu.scss";
-@import "./views/context_menus/_IconizedContextMenu.scss";
-@import "./views/context_menus/_MessageContextMenu.scss";
-@import "./views/context_menus/_RoomGeneralContextMenu.scss";
-@import "./views/context_menus/_RoomNotificationContextMenu.scss";
-@import "./views/dialogs/_AddExistingToSpaceDialog.scss";
-@import "./views/dialogs/_AnalyticsLearnMoreDialog.scss";
-@import "./views/dialogs/_BugReportDialog.scss";
-@import "./views/dialogs/_BulkRedactDialog.scss";
-@import "./views/dialogs/_ChangelogDialog.scss";
-@import "./views/dialogs/_ChatCreateOrReuseChatDialog.scss";
-@import "./views/dialogs/_CompoundDialog.scss";
-@import "./views/dialogs/_ConfirmSpaceUserActionDialog.scss";
-@import "./views/dialogs/_ConfirmUserActionDialog.scss";
-@import "./views/dialogs/_CreateRoomDialog.scss";
-@import "./views/dialogs/_CreateSubspaceDialog.scss";
-@import "./views/dialogs/_DeactivateAccountDialog.scss";
-@import "./views/dialogs/_DevtoolsDialog.scss";
-@import "./views/dialogs/_ExportDialog.scss";
-@import "./views/dialogs/_FeedbackDialog.scss";
-@import "./views/dialogs/_ForwardDialog.scss";
-@import "./views/dialogs/_GenericFeatureFeedbackDialog.scss";
-@import "./views/dialogs/_HostSignupDialog.scss";
-@import "./views/dialogs/_IncomingSasDialog.scss";
-@import "./views/dialogs/_InviteDialog.scss";
-@import "./views/dialogs/_JoinRuleDropdown.scss";
-@import "./views/dialogs/_LeaveSpaceDialog.scss";
-@import "./views/dialogs/_LocationViewDialog.scss";
-@import "./views/dialogs/_ManageRestrictedJoinRuleDialog.scss";
-@import "./views/dialogs/_MessageEditHistoryDialog.scss";
-@import "./views/dialogs/_ModalWidgetDialog.scss";
-@import "./views/dialogs/_NewSessionReviewDialog.scss";
-@import "./views/dialogs/_PollCreateDialog.scss";
-@import "./views/dialogs/_RegistrationEmailPromptDialog.scss";
-@import "./views/dialogs/_RoomSettingsDialog.scss";
-@import "./views/dialogs/_RoomSettingsDialogBridges.scss";
-@import "./views/dialogs/_RoomUpgradeDialog.scss";
-@import "./views/dialogs/_RoomUpgradeWarningDialog.scss";
-@import "./views/dialogs/_ServerOfflineDialog.scss";
-@import "./views/dialogs/_ServerPickerDialog.scss";
-@import "./views/dialogs/_SetEmailDialog.scss";
-@import "./views/dialogs/_SettingsDialog.scss";
-@import "./views/dialogs/_ShareDialog.scss";
-@import "./views/dialogs/_SlashCommandHelpDialog.scss";
-@import "./views/dialogs/_SpacePreferencesDialog.scss";
-@import "./views/dialogs/_SpaceSettingsDialog.scss";
-@import "./views/dialogs/_SpotlightDialog.scss";
-@import "./views/dialogs/_TermsDialog.scss";
-@import "./views/dialogs/_UntrustedDeviceDialog.scss";
-@import "./views/dialogs/_UploadConfirmDialog.scss";
-@import "./views/dialogs/_UserSettingsDialog.scss";
-@import "./views/dialogs/_WidgetCapabilitiesPromptDialog.scss";
-@import "./views/dialogs/security/_AccessSecretStorageDialog.scss";
-@import "./views/dialogs/security/_CreateCrossSigningDialog.scss";
-@import "./views/dialogs/security/_CreateKeyBackupDialog.scss";
-@import "./views/dialogs/security/_CreateSecretStorageDialog.scss";
-@import "./views/dialogs/security/_KeyBackupFailedDialog.scss";
-@import "./views/dialogs/security/_RestoreKeyBackupDialog.scss";
-@import "./views/directory/_NetworkDropdown.scss";
-@import "./views/elements/_AccessibleButton.scss";
-@import "./views/elements/_CopyableText.scss";
-@import "./views/elements/_DesktopCapturerSourcePicker.scss";
-@import "./views/elements/_DialPadBackspaceButton.scss";
-@import "./views/elements/_DirectorySearchBox.scss";
-@import "./views/elements/_Dropdown.scss";
-@import "./views/elements/_EditableItemList.scss";
-@import "./views/elements/_ErrorBoundary.scss";
-@import "./views/elements/_EventTilePreview.scss";
-@import "./views/elements/_ExternalLink.scss";
-@import "./views/elements/_FacePile.scss";
-@import "./views/elements/_Field.scss";
-@import "./views/elements/_GenericEventListSummary.scss";
-@import "./views/elements/_ImageView.scss";
-@import "./views/elements/_InfoTooltip.scss";
-@import "./views/elements/_InlineSpinner.scss";
-@import "./views/elements/_InteractiveTooltip.scss";
-@import "./views/elements/_InviteReason.scss";
-@import "./views/elements/_LabelledCheckbox.scss";
-@import "./views/elements/_ManageIntegsButton.scss";
-@import "./views/elements/_MiniAvatarUploader.scss";
-@import "./views/elements/_Pill.scss";
-@import "./views/elements/_PowerSelector.scss";
-@import "./views/elements/_ProgressBar.scss";
-@import "./views/elements/_QRCode.scss";
-@import "./views/elements/_ReplyChain.scss";
-@import "./views/elements/_ResizeHandle.scss";
-@import "./views/elements/_RichText.scss";
-@import "./views/elements/_RoleButton.scss";
-@import "./views/elements/_RoomAliasField.scss";
-@import "./views/elements/_SSOButtons.scss";
-@import "./views/elements/_SearchWarning.scss";
-@import "./views/elements/_ServerPicker.scss";
-@import "./views/elements/_SettingsFlag.scss";
-@import "./views/elements/_Slider.scss";
-@import "./views/elements/_Spinner.scss";
-@import "./views/elements/_StyledCheckbox.scss";
-@import "./views/elements/_StyledRadioButton.scss";
-@import "./views/elements/_SyntaxHighlight.scss";
-@import "./views/elements/_TagComposer.scss";
-@import "./views/elements/_TextWithTooltip.scss";
-@import "./views/elements/_ToggleSwitch.scss";
-@import "./views/elements/_Tooltip.scss";
-@import "./views/elements/_TooltipButton.scss";
-@import "./views/elements/_UseCaseSelection.scss";
-@import "./views/elements/_UseCaseSelectionButton.scss";
-@import "./views/elements/_Validation.scss";
-@import "./views/emojipicker/_EmojiPicker.scss";
-@import "./views/location/_LocationPicker.scss";
-@import "./views/messages/_CallEvent.scss";
-@import "./views/messages/_CreateEvent.scss";
-@import "./views/messages/_DateSeparator.scss";
-@import "./views/messages/_DisambiguatedProfile.scss";
-@import "./views/messages/_EventTileBubble.scss";
-@import "./views/messages/_HiddenBody.scss";
-@import "./views/messages/_JumpToDatePicker.scss";
-@import "./views/messages/_MEmoteBody.scss";
-@import "./views/messages/_MFileBody.scss";
-@import "./views/messages/_MImageBody.scss";
-@import "./views/messages/_MImageReplyBody.scss";
-@import "./views/messages/_MJitsiWidgetEvent.scss";
-@import "./views/messages/_MLocationBody.scss";
-@import "./views/messages/_MNoticeBody.scss";
-@import "./views/messages/_MPollBody.scss";
-@import "./views/messages/_MStickerBody.scss";
-@import "./views/messages/_MTextBody.scss";
-@import "./views/messages/_MVideoBody.scss";
-@import "./views/messages/_MediaBody.scss";
-@import "./views/messages/_MessageActionBar.scss";
-@import "./views/messages/_MessageTimestamp.scss";
-@import "./views/messages/_MjolnirBody.scss";
-@import "./views/messages/_ReactionsRow.scss";
-@import "./views/messages/_ReactionsRowButton.scss";
-@import "./views/messages/_RedactedBody.scss";
-@import "./views/messages/_RoomAvatarEvent.scss";
-@import "./views/messages/_TextualEvent.scss";
-@import "./views/messages/_UnknownBody.scss";
-@import "./views/messages/_ViewSourceEvent.scss";
-@import "./views/messages/_common_CryptoEvent.scss";
-@import "./views/right_panel/_BaseCard.scss";
-@import "./views/right_panel/_EncryptionInfo.scss";
-@import "./views/right_panel/_PinnedMessagesCard.scss";
-@import "./views/right_panel/_RoomSummaryCard.scss";
-@import "./views/right_panel/_ThreadPanel.scss";
-@import "./views/right_panel/_TimelineCard.scss";
-@import "./views/right_panel/_UserInfo.scss";
-@import "./views/right_panel/_VerificationPanel.scss";
-@import "./views/right_panel/_WidgetCard.scss";
-@import "./views/room_settings/_AliasSettings.scss";
-@import "./views/rooms/_AppsDrawer.scss";
-@import "./views/rooms/_Autocomplete.scss";
-@import "./views/rooms/_AuxPanel.scss";
-@import "./views/rooms/_BasicMessageComposer.scss";
-@import "./views/rooms/_E2EIcon.scss";
-@import "./views/rooms/_EditMessageComposer.scss";
-@import "./views/rooms/_EntityTile.scss";
-@import "./views/rooms/_EventBubbleTile.scss";
-@import "./views/rooms/_EventTile.scss";
-@import "./views/rooms/_HistoryTile.scss";
-@import "./views/rooms/_IRCLayout.scss";
-@import "./views/rooms/_JumpToBottomButton.scss";
-@import "./views/rooms/_LinkPreviewGroup.scss";
-@import "./views/rooms/_LinkPreviewWidget.scss";
-@import "./views/rooms/_MemberInfo.scss";
-@import "./views/rooms/_MemberList.scss";
-@import "./views/rooms/_MessageComposer.scss";
-@import "./views/rooms/_MessageComposerFormatBar.scss";
-@import "./views/rooms/_NewRoomIntro.scss";
-@import "./views/rooms/_NotificationBadge.scss";
-@import "./views/rooms/_PinnedEventTile.scss";
-@import "./views/rooms/_PresenceLabel.scss";
-@import "./views/rooms/_ReadReceiptGroup.scss";
-@import "./views/rooms/_RecentlyViewedButton.scss";
-@import "./views/rooms/_ReplyPreview.scss";
-@import "./views/rooms/_ReplyTile.scss";
-@import "./views/rooms/_RoomBreadcrumbs.scss";
-@import "./views/rooms/_RoomHeader.scss";
-@import "./views/rooms/_RoomInfoLine.scss";
-@import "./views/rooms/_RoomList.scss";
-@import "./views/rooms/_RoomListHeader.scss";
-@import "./views/rooms/_RoomPreviewBar.scss";
-@import "./views/rooms/_RoomPreviewCard.scss";
-@import "./views/rooms/_RoomSublist.scss";
-@import "./views/rooms/_RoomTile.scss";
-@import "./views/rooms/_RoomUpgradeWarningBar.scss";
-@import "./views/rooms/_SearchBar.scss";
-@import "./views/rooms/_SendMessageComposer.scss";
-@import "./views/rooms/_Stickers.scss";
-@import "./views/rooms/_ThreadSummary.scss";
-@import "./views/rooms/_TopUnreadMessagesBar.scss";
-@import "./views/rooms/_VideoRoomSummary.scss";
-@import "./views/rooms/_VoiceRecordComposerTile.scss";
-@import "./views/rooms/_WhoIsTypingTile.scss";
-@import "./views/settings/_AvatarSetting.scss";
-@import "./views/settings/_CrossSigningPanel.scss";
-@import "./views/settings/_CryptographyPanel.scss";
-@import "./views/settings/_DevicesPanel.scss";
-@import "./views/settings/_EmailAddresses.scss";
-@import "./views/settings/_FontScalingPanel.scss";
-@import "./views/settings/_ImageSizePanel.scss";
-@import "./views/settings/_IntegrationManager.scss";
-@import "./views/settings/_JoinRuleSettings.scss";
-@import "./views/settings/_KeyboardShortcut.scss";
-@import "./views/settings/_LayoutSwitcher.scss";
-@import "./views/settings/_Notifications.scss";
-@import "./views/settings/_PhoneNumbers.scss";
-@import "./views/settings/_ProfileSettings.scss";
-@import "./views/settings/_SecureBackupPanel.scss";
-@import "./views/settings/_SetIdServer.scss";
-@import "./views/settings/_SetIntegrationManager.scss";
-@import "./views/settings/_SettingsFieldset.scss";
-@import "./views/settings/_SpellCheckLanguages.scss";
-@import "./views/settings/_ThemeChoicePanel.scss";
-@import "./views/settings/_UpdateCheckButton.scss";
-@import "./views/settings/tabs/_SettingsTab.scss";
-@import "./views/settings/tabs/room/_GeneralRoomSettingsTab.scss";
-@import "./views/settings/tabs/room/_NotificationSettingsTab.scss";
-@import "./views/settings/tabs/room/_RolesRoomSettingsTab.scss";
-@import "./views/settings/tabs/room/_SecurityRoomSettingsTab.scss";
-@import "./views/settings/tabs/user/_AppearanceUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_GeneralUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_HelpUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_KeyboardUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_LabsUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_MjolnirUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_PreferencesUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_SecurityUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_SidebarUserSettingsTab.scss";
-@import "./views/settings/tabs/user/_VoiceUserSettingsTab.scss";
-@import "./views/spaces/_SpaceBasicSettings.scss";
-@import "./views/spaces/_SpaceChildrenPicker.scss";
-@import "./views/spaces/_SpaceCreateMenu.scss";
-@import "./views/spaces/_SpacePublicShare.scss";
-@import "./views/terms/_InlineTermsAgreement.scss";
-@import "./views/toasts/_AnalyticsToast.scss";
-@import "./views/toasts/_IncomingCallToast.scss";
-@import "./views/toasts/_NonUrgentEchoFailureToast.scss";
-@import "./views/typography/_Heading.scss";
-@import "./views/verification/_VerificationShowSas.scss";
-@import "./views/voip/CallView/_CallViewButtons.scss";
-@import "./views/voip/_CallPreview.scss";
-@import "./views/voip/_CallView.scss";
-@import "./views/voip/_CallViewForRoom.scss";
-@import "./views/voip/_CallViewHeader.scss";
-@import "./views/voip/_CallViewSidebar.scss";
-@import "./views/voip/_DialPad.scss";
-@import "./views/voip/_DialPadContextMenu.scss";
-@import "./views/voip/_DialPadModal.scss";
-@import "./views/voip/_PiPContainer.scss";
-@import "./views/voip/_VideoFeed.scss";
-@import "./views/voip/_VideoLobby.scss";

res/css/rethemendex.sh

@@ -8,8 +8,8 @@ cd `dirname $0`
     # we used to have exclude /themes from the find at this point.
     # as themes are no longer a spurious subdirectory of css/, we don't
     # need it any more.
-    find . -iname _\*.scss | fgrep -v _components.scss | LC_ALL=C sort |
+    find . -iname _\*.pcss | fgrep -v _components.pcss | LC_ALL=C sort |
         while read i; do
             echo "@import \"$i\";"
         done
-} > _components.scss
+} > _components.pcss

res/css/structures/_FilePanel.pcss

@@ -44,7 +44,7 @@ limitations under the License.
 
     .mx_EventTile {
         /* Overrides for the attachment body tiles */
-        &:not([data-layout=bubble]) {
+        &:not([data-layout="bubble"]) {
             word-break: break-word;
             margin-top: 10px;
             padding-top: 0;

res/css/structures/_GenericDropdownMenu.pcss

@@ -24,7 +24,7 @@ limitations under the License.
 }
 
 .mx_GenericDropdownMenu_button:hover,
-.mx_GenericDropdownMenu_button[aria-expanded=true] {
+.mx_GenericDropdownMenu_button[aria-expanded="true"] {
     background: $quinary-content;
 }
 

res/css/structures/_MainSplit.pcss

@@ -24,7 +24,9 @@ limitations under the License.
 
 .mx_MainSplit > .mx_RightPanel_ResizeWrapper {
     padding: $container-gap-width;
-    padding-left: calc($container-gap-width / 2); // The resizer should be centered: only half of the gap-width is handled by the right panel. The other half by the RoomView.
+    // The resizer should be centered: only half of the gap-width is handled by the right panel.
+    // The other half by the RoomView.
+    padding-left: calc($container-gap-width / 2);
     height: calc(100vh - 51px); // height of .mx_RoomHeader.light-panel
 
     &:hover .mx_ResizeHandle_horizontal::before {

res/css/structures/_MatrixChat.pcss

@@ -82,9 +82,11 @@ limitations under the License.
 // https://github.com/vector-im/element-web/issues/19863 happens.
 .mx_MatrixChat > .mx_ResizeHandle.mx_ResizeHandle_horizontal {
     margin: 0 calc(-5.5px - $container-gap-width / 2) 0 calc(-6.5px + $container-gap-width / 2);
-    // The condition to prevent bleeding is: (margin-left + margin-right < -11px) (IF there is NO margin on the leftPanel_wrapper)
+    // The condition to prevent bleeding is: (margin-left + margin-right < -11px)
+    // (IF there is NO margin on the leftPanel_wrapper)
     // The resizeHandle does not change the gap between the left panel and the room view:
-    //  the resizeHandle width is: 11px =  10px (padding) + 1px (width) and the total negative margin is -12px -> the handle requires no space
+    //  the resizeHandle width is:
+    //      11px =  10px (padding) + 1px (width) and the total negative margin is -12px -> the handle requires no space
     // right: -6px left: -6px positions the element exactly on the edge of leftPanel.
     // left+=1 and right-=1 => resizeHandle moves 1px to the right closer to the center of the gap.
     // We want the handle to be in the middle of the gap so it is shifted by ($container-gap-width / 2)

res/css/structures/_SplashPage.pcss

@@ -27,23 +27,23 @@ limitations under the License.
         background-image:
             radial-gradient(
                 53.85% 66.75% at 87.55% 0%,
-                hsla(250, 76%, 71%, 0.261) 0%,
+                hsla(250deg, 76%, 71%, 0.261) 0%,
-                hsla(250, 100%, 88%, 0) 100%
+                hsla(250deg, 100%, 88%, 0) 100%
             ),
             radial-gradient(
                 41.93% 41.93% at 0% 0%,
-                hsla(222, 29%, 20%, 0.28) 0%,
+                hsla(222deg, 29%, 20%, 0.28) 0%,
-                hsla(250, 100%, 88%, 0) 100%
+                hsla(250deg, 100%, 88%, 0) 100%
             ),
             radial-gradient(
                 100% 100% at 0% 0%,
-                hsla(250, 100%, 88%, 0.174) 0%,
+                hsla(250deg, 100%, 88%, 0.174) 0%,
-                hsla(0, 100%, 86%, 0) 100%
+                hsla(0deg, 100%, 86%, 0) 100%
             ),
             radial-gradient(
                 106.35% 96.26% at 100% 0%,
-                hsla(250, 100%, 88%, 0.4) 0%,
+                hsla(250deg, 100%, 88%, 0.4) 0%,
-                hsla(167, 76%, 82%, 0) 100%
+                hsla(167deg, 76%, 82%, 0) 100%
             );
         /* blur to reduce color banding issues due to alpha-blending multiple gradients */
         filter: blur(8px);

res/css/views/auth/_AuthBody.pcss

@@ -52,8 +52,8 @@ limitations under the License.
         @mixin mx_Dialog_link;
     }
 
-    input[type=text],
+    input[type="text"],
-    input[type=password] {
+    input[type="password"] {
         color: $authpage-primary-color;
     }