stylelint fix

assets/stylesheets/modules/ai-bot-conversations/common.scss

@@ -210,7 +210,7 @@ body.has-ai-conversations-sidebar {
       line-height: var(--line-height-medium);
 
       // optical centering for layout balance
-      @media screen and (min-height: 600px) {
+      @media screen and (height >= 600px) {
         margin-top: -6em;
       }
     }

assets/stylesheets/modules/ai-bot/common/ai-discobot-discoveries.scss

@@ -30,7 +30,7 @@
         content: "";
         position: absolute;
         display: block;
-        background: linear-gradient(rgba(255, 255, 255, 0), var(--secondary));
+        background: linear-gradient(rgb(255, 255, 255, 0), var(--secondary));
         height: 50%;
         width: 100%;
         bottom: 0;
@@ -118,7 +118,7 @@
   padding-top: 0.5em;
 }
 
-@include breakpoint("medium", min-width) {
+@include viewport.from(lg) {
   .search-menu .menu-panel:has(.ai-search-discoveries__discoveries-title) {
     width: 80vw;
     max-width: 900px;

assets/stylesheets/modules/ai-helper/common/ai-helper.scss

@@ -651,7 +651,7 @@
 
       .desktop-view & {
         // a little extra space for extra narrow desktop view
-        @media screen and (max-width: 675px) {
+        @media screen and (width <= 675px) {
           span {
             display: none;
           }

assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss

@@ -35,7 +35,7 @@
       padding: 0.5em;
       border-radius: var(--d-border-radius);
       border: 1px solid var(--primary-low);
-      box-shadow: 0 0 4px rgba(0, 0, 0, 0.125);
+      box-shadow: 0 0 4px rgb(0, 0, 0, 0.125);
       overflow: auto;
       overscroll-behavior: contain;
     }

assets/stylesheets/modules/llms/common/ai-llms-editor.scss

@@ -1,3 +1,5 @@
+@use "lib/viewport";
+
 .ai-llms-list-editor {
   &__header {
     display: flex;
@@ -52,7 +54,7 @@
       background: inherit;
     }
 
-    @include breakpoint("tablet", min-width) {
+    @include viewport.from(md) {
       th,
       td {
         &:first-child {
@@ -84,7 +86,7 @@
     gap: 0;
     margin-bottom: 2em;
 
-    @include breakpoint("mobile-extra-large", min-width) {
+    @include viewport.from(sm) {
       margin-bottom: 3em;
     }
   }
@@ -95,7 +97,7 @@
     line-height: var(--line-height-large);
     align-self: start;
 
-    @include breakpoint("mobile-extra-large", min-width) {
+    @include viewport.from(sm) {
       max-width: 17em;
     }
   }
@@ -135,7 +137,7 @@
   font-size: var(--font-down-1);
 }
 
-@include breakpoint("tablet") {
+@include viewport.until(md) {
   .ai-llm-list__description {
     max-width: 80%;
   }

assets/stylesheets/modules/llms/common/usage.scss

@@ -1,7 +1,7 @@
 .ai-usage {
-  --chart-response-color: rgba(75, 192, 192, 0.8);
+  --chart-response-color: rgb(75, 192, 192, 0.8);
-  --chart-request-color: rgba(153, 102, 255, 0.8);
+  --chart-request-color: rgb(153, 102, 255, 0.8);
-  --chart-cached-color: rgba(153, 102, 255, 0.4);
+  --chart-cached-color: rgb(153, 102, 255, 0.4);
   padding: 1em;
 
   &__filters-dates {
@@ -89,7 +89,7 @@
     gap: 2em;
     margin-top: 2em;
 
-    @media (max-width: 768px) {
+    @media (width <= 768px) {
       grid-template-columns: none;
       display: flex;
       flex-direction: column;

assets/stylesheets/modules/sentiment/common/dashboard.scss

@@ -1,3 +1,5 @@
+@use "lib/viewport";
+
 .dashboard.dashboard-sentiment {
   .charts {
     display: grid;
@@ -152,7 +154,7 @@
     border-bottom: 1px solid var(--primary-low);
     margin-bottom: 1rem;
 
-    @include breakpoint("mobile-extra-large") {
+    @include viewport.until(sm) {
       .d-button-label {
         display: none;
       }
@@ -194,17 +196,17 @@
 
     &[data-sentiment-score="positive"] {
       color: rgb(var(--d-sentiment-report-positive-rgb));
-      background: rgba(var(--d-sentiment-report-positive-rgb), 0.1);
+      background: rgb(var(--d-sentiment-report-positive-rgb), 0.1);
     }
 
     &[data-sentiment-score="neutral"] {
       color: rgb(var(--d-sentiment-report-neutral-rgb));
-      background: rgba(var(--d-sentiment-report-neutral-rgb), 0.1);
+      background: rgb(var(--d-sentiment-report-neutral-rgb), 0.1);
     }
 
     &[data-sentiment-score="negative"] {
       color: rgb(var(--d-sentiment-report-negative-rgb));
-      background: rgba(var(--d-sentiment-report-negative-rgb), 0.1);
+      background: rgb(var(--d-sentiment-report-negative-rgb), 0.1);
     }
   }
 

assets/stylesheets/modules/summarization/common/ai-summary.scss

@@ -1,3 +1,5 @@
+@use "lib/viewport";
+
 .topic-map {
   // Hide the Top Replies label if summarization is enabled
   &:has(.topic-map__additional-contents .ai-summarization-button) {
@@ -71,7 +73,7 @@
     grid-template-areas: "summarized regenerate" " outdated regenerate";
     grid-template-columns: 1fr auto;
 
-    @include breakpoint(mobile-large) {
+    @include viewport.until(sm) {
       gap: 0.25em 0.5em;
       grid-template-areas: "summarized summarized" "regenerate outdated";
     }