disable some stylelint rules

basher · Nov 14, 2024 · 099ff12 · 099ff12
1 parent ade55af
commit 099ff12
Show file tree

Hide file tree

Showing 9 changed files with 8 additions and 9 deletions.
diff --git a/ui/.stylelintrc b/ui/.stylelintrc
@@ -39,6 +39,9 @@
         "import-notation": "string",
         "hue-degree-notation": "number",
         "selector-class-pattern": null,
-        "value-keyword-case": null
+        "value-keyword-case": null,
+        "custom-property-pattern": null,
+        "declaration-block-no-redundant-longhand-properties": null,
+        "selector-not-notation": null
     }
 }
diff --git a/ui/package.json b/ui/package.json
@@ -2,7 +2,7 @@
     "name": "web-ui-boilerplate",
     "description": "UI boilerplate for websites/webapps using vanilla HTML/CSS/JavaScript, powered by Storybook, bundled by Parcel.",
     "author": "basher",
-    "version": "4.0.1",
+    "version": "4.0.2",
     "license": "ISC",
     "repository": {
         "type": "git",

diff --git a/ui/src/css/base/type.css b/ui/src/css/base/type.css
@@ -28,7 +28,6 @@ Font-face rules.
     --base-font-size-2k: 110%; /* 2K screens */
     --base-font-size-4k: 200%; /* 4K screens */
     --font-size-body: var(--webui-step-0);
-    /* stylelint-disable-next-line custom-property-pattern */
     --font-size-s: var(--webui-step--1);
     --font-size-h5: var(--webui-step-1);
     --font-size-h4: var(--webui-step-2);

diff --git a/ui/src/css/components/pagination.css b/ui/src/css/components/pagination.css
@@ -20,7 +20,6 @@
                     'select select'
                     'prev next';
                 grid-template-columns: 1fr 1fr;
-                /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
                 grid-template-rows: auto auto;
             }
         }

diff --git a/ui/src/css/form/form.css b/ui/src/css/form/form.css
@@ -17,7 +17,7 @@
             padding-inline-end: var(--gutter-m);
             position: relative;
 
-            /* stylelint-disable-next-line max-nesting-depth, no-descending-specificity */
+            /* stylelint-disable-next-line no-descending-specificity */
             &::after {
                 color: var(--color-error-500);
                 content: '!';
@@ -33,7 +33,6 @@
 
     &:has(:valid:required) {
         :is(.label, .checkbox__label, .radio__label) {
-            /* stylelint-disable-next-line max-nesting-depth */
             &::after {
                 color: var(--color-success-500);
                 content: '✓';

diff --git a/ui/src/css/global/reset.css b/ui/src/css/global/reset.css
@@ -159,5 +159,6 @@ summary {
         animation-iteration-count: 1 !important;
         scroll-behavior: auto !important;
         transition-duration: 0.01ms !important;
+        /* stylelint-enable declaration-no-important */
     }
 }
diff --git a/ui/src/css/layout/grid.css b/ui/src/css/layout/grid.css
@@ -31,7 +31,7 @@
             minmax(var(--grid-item-min-width), var(--grid-asymmetric-col2));
     }
 
-    /* Fallback. */
+    /* Fallback. Uses old media query notation. */
     @supports not (container-type: inline-size) {
         /* stylelint-disable-next-line media-feature-range-notation */
         @media (min-width: 48.0625em) {

diff --git a/ui/src/css/tokens.css b/ui/src/css/tokens.css
@@ -26,7 +26,6 @@
 
     /* Fluid type scale.
     @link https://utopia.fyi/type/calculator?c=480,16,1.25,1440,20,1.333,6,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
-    /* stylelint-disable-next-line custom-property-pattern */
     --webui-step--1: clamp(0.8rem, 0.7311rem + 0.2296vw, 0.9377rem);
     --webui-step-0: clamp(1rem, 0.875rem + 0.4167vw, 1.25rem);
     --webui-step-1: clamp(1.25rem, 1.0419rem + 0.6938vw, 1.6663rem);

diff --git a/ui/src/css/utilities/display.css b/ui/src/css/utilities/display.css
@@ -4,7 +4,6 @@ Visually hide content but make it available to screen readers.
 ----------------------------------------------------------------------------
 */
 .visually-hidden {
-    /* stylelint-disable-next-line selector-not-notation */
     &:not(:focus):not(:active) {
         block-size: 1px;
         clip-path: inset(50%);