scss: add pk- prefixed variants of most reusable CSS classes (#40661)

help/fr/misc-css-classes.page

@@ -22,13 +22,13 @@ de classes CSS réutilisables.
 
 <table shade="rows">
  <tr>
-  <td><p><code>mobile-only</code></p></td>
+  <td><p><code>pk-mobile-only</code></p></td>
   <td><p>Limite l'affichage à la vue « mobile » du site, c'est-à-dire quand la
   largeur de l'écran est faible, par défaut inférieure ou égale à 800 pixels.
   </p></td>
  </tr>
  <tr>
-  <td><p><code>desktop-only</code></p></td>
+  <td><p><code>pk-desktop-only</code></p></td>
   <td><p>Limite l'affichage à la vue « ordinateur » du site, c'est-à-dire dans
   la situation inverse, quand la largeur de l'écran est par défaut supérieure à
   800 pixels.
@@ -75,13 +75,13 @@ de classes CSS réutilisables.
   <title>Classes pour les champs des formulaires</title>
 <table shade="rows">
  <tr>
-  <td><p><code>budget-table</code></p></td>
+  <td><p><code>pk-budget-table</code></p></td>
   <td><p>Met en forme un champ de type « tableau » pour la saisie
   d'informations budgétaires (libellés alignés à gauche, utilisation de toute
   la largeur, colonne de saisie des nombres poussée sur la droite).</p></td>
  </tr>
  <tr>
-  <td><p><code>hidden</code></p></td>
+  <td><p><code>pk-hidden</code></p></td>
   <td><p>Cache le champ (applicable uniquement aux champs de type « Liste »).</p></td>
  </tr>
 </table>

static/includes/_layout.scss

@@ -188,13 +188,13 @@ div#main-content {
 }
 
 @media screen and ($max-mobile-viewport) {
-	.desktop-only {
+	.pk-desktop-only, .desktop-only {
 		display: none;
 	}
 }
 
 @media screen and ($min-desktop-viewport) {
-	.mobile-only {
+	.pk-mobile-only, .mobile-only {
 		display: none;
 	}
 }

static/includes/_misc.scss

@@ -654,6 +654,7 @@ div.leaflet-control-gps {
 	}
 }
 
+.pk-budget-table,
 .budget-table {
 	table {
 		width: 100%;

static/includes/wcs/_bulk.scss

@@ -474,6 +474,7 @@ div.RankedItemsWidget label input {
 
 div.RadiobuttonsWidget, div.SingleSelectHintWidget,
 div.SingleSelectWidget, div.SingleSelectWidgetWithOther {
+	&.pk-hidden,
 	&.hidden {
 		display: none !important;
 	}

static/la-hague/_custom.scss

@@ -94,7 +94,7 @@ h1#logo a {
 }
 
 div.tableau-budget {
-	@extend .budget-table;
+	@extend .pk-budget-table;
 	label {
 		font-weight: bold;
 	}

static/saint-lo-agglo/_custom.scss

@@ -148,5 +148,5 @@ div.cell.fondgris {
 }
 
 div.tableau-budget {
-	@extend .budget-table;
+	@extend .pk-budget-table;
 }

static/toodego/_custom.scss

@@ -985,13 +985,13 @@ div.wcs-tracking-code-input {
 }
 
 @media screen and (max-width: $desktop-limit) {
-	.mobile-only { display: block !important; }
-	.desktop-only { display: none !important; }
+	.pk-mobile-only, .mobile-only { display: block !important; }
+	.pk-desktop-only, .desktop-only { display: none !important; }
 }
 
 @media screen and (min-width: $desktop-limit+1px) {
-	.mobile-only { display: none !important; }
-	.desktop-only { display: block !important; }
+	.pk-mobile-only, .mobile-only { display: none !important; }
+	.pk-desktop-only, .desktop-only { display: block !important; }
 }
 
 #connect-dialog {