facebook · slorber · May 7, 2026 · May 7, 2026 · May 7, 2026
@@ -6,7 +6,7 @@
  */
 
 module.exports = {
-  extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
+  extends: ['stylelint-config-standard'],
   plugins: ['stylelint-copyright'],
   rules: {
     'docusaurus/copyright-header': [

@@ -127,9 +127,8 @@
     "rimraf": "^3.0.2",
     "sharp": "^0.34.5",
     "strip-ansi": "^6.0.1",
-    "stylelint": "^14.16.1",
-    "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-standard": "^29.0.0",
+    "stylelint": "^17.11.0",
+    "stylelint-config-standard": "^40.0.0",
     "syncpack": "^14.3.1",
     "typescript": "~6.0.3"
   },

@@ -14,7 +14,7 @@ main {
   font-family:
     system-ui,
     -apple-system,
-    Segoe UI,
+    'Segoe UI',
     Roboto,
     Ubuntu,
     Cantarell;

@@ -14,7 +14,7 @@ main {
   font-family:
     system-ui,
     -apple-system,
-    Segoe UI,
+    'Segoe UI',
     Roboto,
     Ubuntu,
     Cantarell;

@@ -48,7 +48,7 @@
   background-color: #363739;
 }
 
-@media screen and (min-width: 800px) {
+@media screen and (width >= 800px) {
   .nav {
     flex-direction: column;
     justify-content: flex-start;

@@ -20,7 +20,7 @@
   margin: 0;
 }
 
-@media screen and (max-width: 500px) {
+@media screen and (width <= 500px) {
   .popup {
     width: 100%;
     bottom: 0;

@@ -50,7 +50,7 @@ html[data-announcement-bar-initially-dismissed='true'] .announcementBar {
   }
 }
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   :root {
     --docusaurus-announcement-bar-height: 30px;
   }

@@ -12,7 +12,7 @@
 /**
   Blog post title should be smaller on smaller devices
 **/
-@media (max-width: 576px) {
+@media (width <= 576px) {
   .title {
     font-size: 2rem;
   }

@@ -38,7 +38,7 @@
   color: var(--ifm-color-primary) !important;
 }
 
-@media (max-width: 996px) {
+@media (width <= 996px) {
   .sidebar {
     display: none;
   }

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .generatedIndexPage {
     max-width: 75% !important;
   }

@@ -10,7 +10,7 @@
   margin-top: 0;
 }
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .docItemCol {
     max-width: 75% !important;
   }

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
   .tocMobile {
     display: none;

@@ -10,7 +10,7 @@
   width: 100%;
 }
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .docMainContainer {
     flex-grow: 1;
     max-width: calc(100% - var(--doc-sidebar-width));

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .expandButton {
     position: absolute;
     top: 0;

@@ -14,7 +14,7 @@
   display: none;
 }
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .docSidebarContainer {
     display: block;
     width: var(--doc-sidebar-width);

@@ -15,7 +15,7 @@
   --docusaurus-collapse-button-bg-hover: rgb(255 255 255 / 10%);
 }
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .collapseSidebarButton {
     display: block !important;
     background-color: var(--docusaurus-collapse-button-bg);

@@ -5,11 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .menu {
     flex-grow: 1;
     padding: 0.5rem;
   }
+
   @supports (scrollbar-gutter: stable) {
     .menu {
       padding: 0.5rem 0 0.5rem 0.5rem;

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .sidebar {
     display: flex;
     flex-direction: column;

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .menuHtmlItem {
     padding: var(--ifm-menu-link-padding-vertical)
       var(--ifm-menu-link-padding-horizontal);

@@ -11,7 +11,7 @@
   margin-top: 0.2rem;
 }
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .lastUpdated {
     text-align: right;
   }

@@ -8,7 +8,7 @@
 /*
 Hide color mode toggle in small viewports
  */
-@media (max-width: 996px) {
+@media (width <= 996px) {
   .colorModeToggle {
     display: none;
   }

@@ -13,14 +13,14 @@ See https://github.com/facebook/docusaurus/pull/9385
   display: none;
 }
 
-@media (max-width: 996px) {
+@media (width <= 996px) {
   .navbarSearchContainer {
     position: absolute;
     right: var(--ifm-navbar-padding-horizontal);
   }
 }
 
-@media (min-width: 997px) {
+@media (width >= 997px) {
   .navbarSearchContainer {
     padding: 0 var(--ifm-navbar-item-padding-horizontal);
   }

@@ -12,7 +12,7 @@
   top: calc(var(--ifm-navbar-height) + 1rem);
 }
 
-@media (max-width: 996px) {
+@media (width <= 996px) {
   .tableOfContents {
     display: none;
   }

@@ -70,7 +70,7 @@
   font-style: italic;
 }
 
-@media only screen and (max-width: 996px) {
+@media only screen and (width <= 996px) {
   .searchQueryColumn {
     max-width: 60% !important;
   }
@@ -89,7 +89,7 @@
   }
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (width <= 576px) {
   .searchQueryColumn {
     max-width: 100% !important;
   }

@@ -3,6 +3,7 @@
   "version": "3.10.1",
   "description": "Stylelint plugin to check CSS files for a copyright header.",
   "main": "lib/index.js",
+  "type": "module",
   "license": "MIT",
   "scripts": {
     "build": "tsc",
@@ -14,7 +15,7 @@
     "directory": "packages/stylelint-copyright"
   },
   "dependencies": {
-    "stylelint": "^14.16.1",
+    "stylelint": "^17.11.0",
     "tslib": "^2.6.0"
   }
 }
@@ -14,7 +14,7 @@ const messages = stylelint.utils.ruleMessages(ruleName, {
 
 type SecondaryOption = {header?: string};
 
-const rule: Rule<boolean, string> =
+const ruleFunction: Rule<boolean, SecondaryOption> =
   (primaryOption, secondaryOption, context) => (root, result) => {
     stylelint.utils.validateOptions(
       result,
@@ -53,9 +53,12 @@ const rule: Rule<boolean, string> =
     });
   };
 
-rule.ruleName = ruleName;
-rule.messages = messages;
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = messages;
+ruleFunction.meta = {
+  url: 'https://github.com/facebook/docusaurus/tree/main/packages/stylelint-copyright',
+  fixable: true,
+  deprecated: false,
+};
 
-const plugin = stylelint.createPlugin(ruleName, rule);
-
-export default plugin;
+export default stylelint.createPlugin(ruleName, ruleFunction);
@@ -13,13 +13,13 @@ main {
   flex: 1 0 auto;
   width: 100%;
   margin: 4rem auto;
-  padding: 1.5 rem;
+  padding: 1.5rem;
   max-width: 800px;
   /* stylelint-disable-next-line font-family-name-quotes */
   font-family:
     system-ui,
     -apple-system,
-    Segoe UI,
+    'Segoe UI',
     Roboto,
     Ubuntu,
     Cantarell;

@@ -13,13 +13,13 @@ main {
   flex: 1 0 auto;
   width: 100%;
   margin: 4rem auto;
-  padding: 1.5 rem;
+  padding: 1.5rem;
   max-width: 800px;
   /* stylelint-disable-next-line font-family-name-quotes */
   font-family:
     system-ui,
     -apple-system,
-    Segoe UI,
+    'Segoe UI',
     Roboto,
     Ubuntu,
     Cantarell;

@@ -6,7 +6,7 @@
  */
 
 html {
-  @media screen and (min-width: 1px) {
+  @media screen and (width >= 1px) {
     &.plugin-docs.plugin-id-docs-tests {
       .red > a {
         color: red;

@@ -11,8 +11,7 @@
 
 .cssCarouselSlider {
   display: flex;
-  overflow-x: scroll;
-  overflow-y: hidden;
+  overflow: scroll hidden;
   scroll-snap-type: x mandatory;
   scrollbar-width: none;
 }
@@ -85,7 +84,7 @@
   --ifm-link-hover-decoration: none;
 }
 
-@media only screen and (max-width: 768px) {
+@media only screen and (width <= 768px) {
   .siteLink {
     font-size: 12px;
     padding: 0 8px;

@@ -175,7 +175,6 @@ html[data-theme='dark'] {
 
 .screen-reader-only {
   border: 0;
-  clip: rect(0 0 0 0);
   clip-path: polygon(0 0, 0 0, 0 0);
   height: 1px;
   margin: -1px;
@@ -227,11 +226,11 @@ html[data-theme='dark'] {
 }
 
 [data-rmiz-modal-overlay='visible'] {
-  background-color: rgba(255 255 255 / 95%);
+  background-color: rgb(255 255 255 / 95%);
 }
 
 [data-theme='dark'] [data-rmiz-modal-overlay='visible'] {
-  background-color: rgba(0 0 0 / 95%);
+  background-color: rgb(0 0 0 / 95%);
 }
 
 html[data-navbar='false'] {
-Original file line number
+Diff line change
@@ Expand Up @@
       }
     }
-    @media (min-width: 997px) {
+    @media (width >= 997px) {
       :root {
         --docusaurus-announcement-bar-height: 30px;
       }
@@ Expand Down @@