Issue #2975388 by NickWilde, idebr: Replace Firefox @-moz-document url-prefix() css selector, since its support is being removed

core/.stylelintrc.json

@@ -11,7 +11,10 @@
     "no-duplicate-selectors": null,
     "no-unknown-animations": true,
     "media-feature-name-no-unknown": [true, {
-      "ignoreMediaFeatureNames": ["prefers-reduced-motion"]
+      "ignoreMediaFeatureNames": [
+        "prefers-reduced-motion",
+        "min--moz-device-pixel-ratio"
+      ]
     }],
     "number-leading-zero": "always",
     "plugin/no-browser-hacks": [true, {

core/misc/normalize-fixes.css

@@ -6,7 +6,7 @@
 /**
  * Fix problem with details/summary lines missing the drop arrows.
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   summary {
     display: list-item;
   }

core/themes/bartik/css/components/form.css

@@ -23,7 +23,7 @@ fieldset {
  * @todo remove once this Mozilla bug is fixed.
  * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   fieldset {
     display: table-cell;
   }

core/themes/seven/css/components/form.css

@@ -19,7 +19,7 @@ fieldset:not(.fieldgroup) {
  * @todo remove once this Mozilla bug is fixed.
  * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   fieldset:not(.fieldgroup) {
     display: table-cell;
   }
@@ -41,7 +41,7 @@ fieldset:not(.fieldgroup) > legend {
  * @todo remove once this Mozilla bug is fixed.
  * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   .fieldgroup {
     display: table-cell;
   }