Disable stylelint errors

src/autocomplete/suggester.scss

@@ -12,7 +12,7 @@
   list-style: none;
   cursor: pointer;
   background: var(--overlay-bgColor, var(--color-canvas-overlay));
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
   // stylelint-disable-next-line primer/borders
   border-radius: $border-radius;
@@ -23,7 +23,7 @@
     padding: var(--base-size-4) var(--base-size-8);
     // stylelint-disable-next-line primer/typography
     font-weight: $font-weight-semibold;
-    // stylelint-disable-next-line primer/borders
+    // stylelint-disable-next-line primer/borders, primer/colors
     border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
 
     small {

src/base/base.scss

@@ -61,7 +61,7 @@ hr,
   overflow: hidden;
   background: transparent;
   border: 0;
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
 
   @include clearfix();

src/base/kbd.scss

@@ -11,7 +11,7 @@ kbd {
   color: var(--fgColor-default, var(--color-fg-default));
   vertical-align: middle;
   background-color: var(--bgColor-muted, var(--color-canvas-subtle));
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-style $border-width var(--borderColor-neutral-muted, var(--color-neutral-muted));
   border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
   // stylelint-disable-next-line primer/borders

src/buttons/button.scss

@@ -16,7 +16,7 @@
   vertical-align: middle;
   cursor: pointer;
   user-select: none;
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style;
   // stylelint-disable-next-line primer/borders
   border-radius: $border-radius;

src/buttons/misc.scss

@@ -223,7 +223,7 @@
   color: var(--fgColor-default, var(--color-fg-default));
   vertical-align: middle;
   background-color: var(--bgColor-default, var(--color-canvas-default));
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style var(--button-default-borderColor-rest, var(--color-btn-border));
   border-left: 0;
   // stylelint-disable-next-line primer/borders

src/forms/form-control.scss

@@ -18,7 +18,7 @@
   background-color: var(--bgColor-default, var(--color-canvas-default));
   background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
   background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
   // stylelint-disable-next-line primer/borders
   border-radius: $border-radius;
@@ -46,7 +46,7 @@
   &.border-0 {
     &:focus,
     &:focus-visible {
-      // stylelint-disable-next-line primer/borders
+      // stylelint-disable-next-line primer/borders, primer/colors
       border: $border-width $border-style var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important;
     }
   }
@@ -268,7 +268,7 @@ input::-webkit-inner-spin-button {
   font-size: $h5-size;
   color: var(--fgColor-attention, var(--color-attention-fg));
   background: var(--bgColor-attention-muted, var(--color-attention-subtle));
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
   // stylelint-disable-next-line primer/borders
   border-radius: $border-radius;

src/forms/form-group.scss

@@ -198,7 +198,7 @@
         height: 0;
         pointer-events: none;
         content: ' ';
-        // stylelint-disable-next-line primer/borders
+        // stylelint-disable-next-line primer/borders, primer/colors
         border: $border-style transparent;
       }
 

src/forms/radio-group.scss

@@ -16,7 +16,7 @@
   line-height: 20px; // Specifically not inherit our `<body>` default
   color: var(--fgColor-default, var(--color-fg-default));
   cursor: pointer;
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
 
   :checked + & {

src/header/header.scss

@@ -40,7 +40,7 @@
 .Header-input {
   color: var(--header-fgColor-default, var(--color-header-text));
   background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style var(--headerSearch-borderColor, var(--color-header-search-border));
   box-shadow: none;
 

src/labels/mixins.scss

@@ -15,7 +15,7 @@
   // stylelint-disable-next-line primer/typography
   line-height: 18px;
   white-space: nowrap;
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style transparent;
   // stylelint-disable-next-line primer/borders
   border-radius: 2em;

src/layout/app-frame.scss

@@ -65,6 +65,7 @@
       overflow: hidden;
       text-indent: var(--base-size-128, 128px);
       pointer-events: none;
+      // stylelint-disable-next-line primer/colors
       background: var(--borderColor-default, var(--color-border-default));
       border-radius: var(--borderRadius-full, 100vh);
     }

src/layout/page-layout.scss

@@ -32,6 +32,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
   width: calc(100% + (var(--Layout-outer-spacing-x) * 2));
   height: 1px;
   content: '';
+  // stylelint-disable-next-line primer/colors
   background-color: $Layout-divider-color;
 }
 
@@ -77,7 +78,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
     .PageLayout-header--hasDivider {
       // stylelint-disable-next-line primer/spacing
       padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
-      // stylelint-disable-next-line primer/borders
+      // stylelint-disable-next-line primer/borders, primer/colors
       border-bottom: $border-width solid $Layout-divider-color;
     }
 
@@ -86,7 +87,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
     .PageLayout-footer--hasDivider {
       // stylelint-disable-next-line primer/spacing
       padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
-      // stylelint-disable-next-line primer/borders
+      // stylelint-disable-next-line primer/borders, primer/colors
       border-top: $border-width solid $Layout-divider-color;
     }
 
@@ -95,7 +96,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
     &.PageLayout--hasPaneDivider {
       &.PageLayout--panePos-start {
         .PageLayout-pane {
-          // stylelint-disable-next-line primer/borders
+          // stylelint-disable-next-line primer/borders, primer/colors
           border-right: $border-width solid $Layout-divider-color;
         }
 
@@ -116,7 +117,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
 
       &.PageLayout--panePos-end {
         .PageLayout-pane {
-          // stylelint-disable-next-line primer/borders
+          // stylelint-disable-next-line primer/borders, primer/colors
           border-left: $border-width solid $Layout-divider-color;
         }
 

src/markdown/footnotes.scss

@@ -16,7 +16,7 @@
     // stylelint-disable-next-line primer/typography
     font-size: $h6-size;
     color: var(--fgColor-muted, var(--color-fg-muted));
-    // stylelint-disable-next-line primer/borders
+    // stylelint-disable-next-line primer/borders, primer/colors
     border-top: $border;
 
     ol {
@@ -41,7 +41,7 @@
       left: calc(var(--base-size-24) * -1);
       pointer-events: none;
       content: '';
-      // stylelint-disable-next-line primer/borders
+      // stylelint-disable-next-line primer/borders, primer/colors
       border: 2px $border-style var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
       // stylelint-disable-next-line primer/borders
       border-radius: $border-radius;

src/markdown/headings.scss

@@ -43,7 +43,7 @@
     padding-bottom: 0.3em;
     // stylelint-disable-next-line primer/typography
     font-size: 2em;
-    // stylelint-disable-next-line primer/borders
+    // stylelint-disable-next-line primer/borders, primer/colors
     border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
   }
 
@@ -52,7 +52,7 @@
     padding-bottom: 0.3em;
     // stylelint-disable-next-line primer/typography
     font-size: 1.5em;
-    // stylelint-disable-next-line primer/borders
+    // stylelint-disable-next-line primer/borders, primer/colors
     border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
   }
 

src/markdown/images.scss

@@ -43,7 +43,7 @@
       // stylelint-disable-next-line primer/spacing
       margin: 13px 0 0;
       overflow: hidden;
-      // stylelint-disable-next-line primer/borders
+      // stylelint-disable-next-line primer/borders, primer/colors
       border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
     }
 

src/markdown/markdown-body.scss

@@ -78,6 +78,7 @@
     height: $em-spacer-3;
     padding: 0;
     margin: var(--base-size-24) 0;
+    // stylelint-disable-next-line primer/colors
     background-color: var(--borderColor-default, var(--color-border-default));
     border: 0;
   }
@@ -86,7 +87,7 @@
     // stylelint-disable-next-line primer/spacing
     padding: 0 1em;
     color: var(--fgColor-muted, var(--color-fg-muted));
-    // stylelint-disable-next-line primer/borders
+    // stylelint-disable-next-line primer/borders, primer/colors
     border-left: 0.25em $border-style var(--borderColor-default, var(--color-border-default));
 
     > :first-child {

src/markdown/tables.scss

@@ -18,7 +18,7 @@
     td {
       // stylelint-disable-next-line primer/spacing
       padding: 6px 13px;
-      // stylelint-disable-next-line primer/borders
+      // stylelint-disable-next-line primer/borders, primer/colors
       border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
     }
 
@@ -30,7 +30,7 @@
 
     tr {
       background-color: var(--bgColor-default, var(--color-canvas-default));
-      // stylelint-disable-next-line primer/borders
+      // stylelint-disable-next-line primer/borders, primer/colors
       border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
 
       &:nth-child(2n) {

src/marketing/buttons/button.scss

@@ -10,13 +10,14 @@
   font-weight: $font-weight-bold;
   // stylelint-disable-next-line primer/typography
   line-height: 1;
+  // stylelint-disable-next-line primer/colors
   color: var(--bgColor-default, var(--color-canvas-default));
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   user-select: none;
   background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%),
+    linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), // stylelint-disable-line primer/colors
     var(--color-mktg-btn-bg) !important;
   border: 0;
   // stylelint-disable-next-line primer/borders

src/marketing/links/link.scss

@@ -16,7 +16,6 @@
     height: 2px;
     pointer-events: none;
     content: '';
-    // stylelint-disable-next-line primer/colors
     background-color: currentColor;
     transform: scaleX(0);
     transform-origin: 0 0;

src/navigation/sidenav.scss

@@ -16,7 +16,7 @@
   text-align: left;
   background-color: transparent;
   border: 0;
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
 
   &:first-child {
@@ -59,6 +59,7 @@
 
   // Bar on the left
   &::before {
+    // stylelint-disable-next-line primer/colors
     background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
   }
 }

src/navigation/subnav.scss

@@ -12,7 +12,7 @@
 .subnav-bordered {
   // stylelint-disable-next-line primer/spacing
   padding-bottom: 20px;
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
 }
 
@@ -30,7 +30,7 @@
   // stylelint-disable-next-line primer/typography
   line-height: 20px;
   color: var(--fgColor-default, var(--color-fg-default));
-  // stylelint-disable-next-line primer/borders
+  // stylelint-disable-next-line primer/borders, primer/colors
   border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
 
   + .subnav-item {

src/pagination/pagination.scss

@@ -16,7 +16,7 @@
     vertical-align: middle;
     cursor: pointer;
     user-select: none;
-    // stylelint-disable-next-line primer/borders
+    // stylelint-disable-next-line primer/borders, primer/colors
     border: $border-width $border-style transparent;
     // stylelint-disable-next-line primer/borders
     border-radius: $border-radius;
@@ -68,7 +68,6 @@
       height: 16px;
       vertical-align: text-bottom;
       content: '';
-      // stylelint-disable-next-line primer/colors
       background-color: currentColor;
     }