ESLint: Silence CSS warnings and errors.

2 files changed, 14 insertions, 10 deletions

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 4c37a48..fe9c963 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -7,5 +7,9 @@ import { defineConfig } from "eslint/config";
 export default defineConfig([
   { files: ["**/*.{js,mjs,cjs}"], plugins: { js }, extends: ["js/recommended"] },
   { files: ["**/*.{js,mjs,cjs}"], languageOptions: { globals: globals.browser } },
-  { files: ["**/*.css"], plugins: { css }, language: "css/css", extends: ["css/recommended"] },
+  { files: ["**/*.css"], plugins: { css }, language: "css/css", extends: ["css/recommended"],
+    rules: {
+      "css/no-important": "off"
+    }
+  },
 ]);
diff --git a/src/style.css b/src/style.css
index 672610d..ac7410d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -154,7 +154,7 @@ body.inprogress {
 .ol-control {
   background: none;
   border: none;
-  outline: none;
+  outline: none; /* eslint-disable-line css/use-baseline */
 }
 .ol-control button.btn {
   --bs-btn-padding-x: 0.5rem;
@@ -178,7 +178,7 @@ body.inprogress {
   color: var(--bs-btn-color);
   background-color: var(--bs-btn-bg);
   border-color: var(--bs-btn-border-color);
-  outline: none;
+  outline: none; /* eslint-disable-line css/use-baseline */
 }
 .ol-control button.btn:hover,
 .ol-control button.btn:focus-visible {
@@ -186,7 +186,7 @@ body.inprogress {
   color: var(--bs-btn-hover-color);
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
-  outline: none;
+  outline: none; /* eslint-disable-line css/use-baseline */
 }
 .btn-light, .btn-dark {
   --bs-btn-border-color: var(--bs-btn-hover-border-color);
@@ -230,7 +230,7 @@ body.inprogress {
 #map-legend-panel .modal-body {
   -webkit-user-select: text;
   -moz-user-select: text;
-  user-select: text;
+  user-select: text; /* eslint-disable-line css/use-baseline */
 }
 #layer-selection-panel[aria-hidden="false"],
 #map-legend-panel[aria-hidden="false"] {
@@ -294,7 +294,7 @@ body.inprogress {
   pointer-events: none;
   -webkit-user-select: text;
   -moz-user-select: text;
-  user-select: text;
+  user-select: text; /* eslint-disable-line css/use-baseline */
   --bs-modal-header-padding: 1rem;
   --modal-info-padding-x: var(--bs-modal-header-padding);
   --modal-info-padding-y: .5rem;
@@ -482,7 +482,7 @@ body.inprogress {
 #age-filter-modal p {
   -webkit-user-select: text;
   -moz-user-select: text;
-  user-select: text;
+  user-select: text; /* eslint-disable-line css/use-baseline */
 }
 
 .popover {
@@ -504,13 +504,13 @@ body.inprogress {
 .popover-header {
   -webkit-user-select: none;
   -moz-user-select: none;
-  user-select: none;
+  user-select: none; /* eslint-disable-line css/use-baseline */
   --bs-heading-color: var(--bs-popover-header-color);
 }
 .popover-body {
   -webkit-user-select: text;
   -moz-user-select: text;
-  user-select: text;
+  user-select: text; /* eslint-disable-line css/use-baseline */
   max-height: 40vh;
   overflow: auto auto;
 }
@@ -557,7 +557,7 @@ body.inprogress {
   opacity: .75;
 }
 .popover-header .popover-button:focus {
-  outline: 0;
+  outline: 0; /* eslint-disable-line css/use-baseline */
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   opacity: 1;
 }