Rename PostCSS files to .pcss (#9013)

* Rename PostCSS files to `.pcss`

* Make Stylelint happy

* Delint

* Rename new files too

* delint

* Fix bad comment placement

res/css/views/dialogs/_CreateRoomDialog.pcss

@@ -35,7 +35,7 @@ limitations under the License.
         align-items: flex-start;
         margin: 5px 0;
 
-        input[type=checkbox] {
+        input[type="checkbox"] {
             margin-right: 10px;
         }
     }

res/css/views/dialogs/_ExportDialog.pcss

@@ -38,7 +38,7 @@ limitations under the License.
             background: $info-plinth-fg-color;
         }
 
-        .mx_StyledRadioButton input[type=radio]:checked + div {
+        .mx_StyledRadioButton input[type="radio"]:checked + div {
             border-color: unset;
         }
 

res/css/views/dialogs/_ForwardDialog.pcss

@@ -36,7 +36,7 @@ limitations under the License.
         flex-shrink: 0;
         overflow-y: auto;
 
-        .mx_EventTile[data-layout=bubble] {
+        .mx_EventTile[data-layout="bubble"] {
             margin-top: 20px;
         }
 

res/css/views/dialogs/_InviteDialog.pcss

@@ -327,7 +327,8 @@ limitations under the License.
     align-items: center;
 
     &.mx_InviteDialog_tile--room {
-        grid-template-columns: min-content auto auto; // mx_InviteDialog_tile_avatarStack, mx_InviteDialog_tile_nameStack, time
+        // mx_InviteDialog_tile_avatarStack, mx_InviteDialog_tile_nameStack, time
+        grid-template-columns: min-content auto auto;
         padding: $spacing-4 $spacing-8;
 
         &:hover {

res/css/views/dialogs/_MessageEditHistoryDialog.pcss

@@ -51,9 +51,9 @@ limitations under the License.
         text-decoration: underline;
     }
 
-    // Emulate mx_EventTile[data-layout=group]
+    // Emulate mx_EventTile[data-layout="group"]
     .mx_EventTile {
-        padding-top: 0 !important; // Override mx_EventTile:not([data-layout=bubble])
+        padding-top: 0 !important; // Override mx_EventTile:not([data-layout="bubble"])
 
         .mx_MessageTimestamp {
             position: absolute;

res/css/views/dialogs/_SpotlightDialog.pcss

@@ -216,7 +216,7 @@ limitations under the License.
                     margin-left: $spacing-16;
                 }
 
-                &:hover, &[aria-selected=true] {
+                &:hover, &[aria-selected="true"] {
                     background-color: $quinary-content;
                 }
             }
@@ -339,7 +339,7 @@ limitations under the License.
                         background: $tertiary-content;
                     }
 
-                    &:hover::before, &[aria-selected=true]::before {
+                    &:hover::before, &[aria-selected="true"]::before {
                         background-color: $secondary-content;
                     }
                 }
@@ -348,7 +348,7 @@ limitations under the License.
                     mask-image: url('$(res)/img/element-icons/context-menu.svg');
                 }
 
-                &:hover, &[aria-selected=true] {
+                &:hover, &[aria-selected="true"] {
                     background-color: $system;
 
                     .mx_SpotlightDialog_option--menu,
@@ -357,7 +357,7 @@ limitations under the License.
                     }
                 }
 
-                &[aria-selected=true] .mx_SpotlightDialog_enterPrompt {
+                &[aria-selected="true"] .mx_SpotlightDialog_enterPrompt {
                     display: inline-block;
                 }
             }