Latest build

Author: philwareham

.stylelintrc.yml

@@ -102,7 +102,7 @@ rules:
   block-opening-brace-space-before: always
 
   # Specify modern or legacy notation for applicable color-functions.
-  color-function-notation: legacy
+  color-function-notation: modern
 
   # Specify lowercase or uppercase for hexadecimal color values.
   color-hex-case: lower

dist/textpattern/jquery-ui.css

@@ -169,7 +169,7 @@ a.ui-state-default:focus {
   }
 
   body.darkmode .ui-state-highlight.ui-state-hover {
-    --clr-warning-text-dark: hsl(40, 100%, 40%);
+    --clr-warning-text-dark: hsl(40 100% 40%);
     border-color: var(--clr-warning-text-dark);
   }
 
@@ -186,7 +186,7 @@ a.ui-state-default:focus {
   }
 
   body.darkmode .ui-state-active.ui-state-hover {
-    --clr-a-interact-dark: hsl(210, 100%, 60%);
+    --clr-a-interact-dark: hsl(210 100% 60%);
     border-color: var(--clr-a-interact-dark);
   }
 
@@ -204,7 +204,7 @@ a.ui-state-default:focus {
   }
 
   body.darkmode .ui-state-error.ui-state-hover {
-    --clr-error-text-dark: hsl(337, 100%, 40%);
+    --clr-error-text-dark: hsl(337 100% 40%);
     border-color: var(--clr-error-text-dark);
   }
 

scss/modules/jquery-ui/_core.scss

@@ -197,7 +197,7 @@ a.ui-state-default:focus {
 
 @include setup.dark-mode {
     .ui-state-highlight.ui-state-hover {
-        --clr-warning-text-dark: hsl(40, 100%, 40%);
+        --clr-warning-text-dark: hsl(40 100% 40%);
 
         border-color: var(--clr-warning-text-dark);
     }
@@ -218,7 +218,7 @@ a.ui-state-default:focus {
 
 @include setup.dark-mode {
     .ui-state-active.ui-state-hover {
-        --clr-a-interact-dark: hsl(210, 100%, 60%);
+        --clr-a-interact-dark: hsl(210 100% 60%);
 
         border-color: var(--clr-a-interact-dark);
     }
@@ -240,7 +240,7 @@ a.ui-state-default:focus {
 
 @include setup.dark-mode {
     .ui-state-error.ui-state-hover {
-        --clr-error-text-dark: hsl(337, 100%, 40%);
+        --clr-error-text-dark: hsl(337 100% 40%);
 
         border-color: var(--clr-error-text-dark);
     }
@@ -303,7 +303,7 @@ a.ui-state-default:focus {
     left: 0;
     width: 100%;
     height: 100%;
-    background: hsla(0, 0%, 0%, 0.66);
+    background: hsl(0 0% 0% / 0.66);
 }
 
 

scss/modules/jquery-ui/_progressbar.scss

@@ -36,11 +36,11 @@
     background-image:
         linear-gradient(
             135deg,
-            rgba(255, 255, 255, 0.33) 25%,
+            hsl(0 0% 100% / 0.33) 25%,
             transparent 25%,
             transparent 50%,
-            rgba(255, 255, 255, 0.33) 50%,
-            rgba(255, 255, 255, 0.33) 75%,
+            hsl(0 0% 100% / 0.33) 50%,
+            hsl(0 0% 100% / 0.33) 75%,
             transparent 75%,
             transparent
         );
@@ -64,11 +64,11 @@
     background-image:
         linear-gradient(
             135deg,
-            rgba(255, 255, 255, 0.25) 25%,
+            hsl(0 0% 100% / 0.25) 25%,
             transparent 25%,
             transparent 50%,
-            rgba(255, 255, 255, 0.25) 50%,
-            rgba(255, 255, 255, 0.25) 75%,
+            hsl(0 0% 100% / 0.25) 50%,
+            hsl(0 0% 100% / 0.25) 75%,
             transparent 75%,
             transparent
         );
@@ -79,11 +79,11 @@
         background-image:
             linear-gradient(
                 135deg,
-                rgba(255, 255, 255, 0.33) 25%,
+                hsl(0 0% 100% / 0.33) 25%,
                 transparent 25%,
                 transparent 50%,
-                rgba(255, 255, 255, 0.33) 50%,
-                rgba(255, 255, 255, 0.33) 75%,
+                hsl(0 0% 100% / 0.33) 50%,
+                hsl(0 0% 100% / 0.33) 75%,
                 transparent 75%,
                 transparent
             );
@@ -93,11 +93,11 @@
         background-image:
             linear-gradient(
                 135deg,
-                rgba(255, 255, 255, 0.25) 25%,
+                hsl(0 0% 100% / 0.25) 25%,
                 transparent 25%,
                 transparent 50%,
-                rgba(255, 255, 255, 0.25) 50%,
-                rgba(255, 255, 255, 0.25) 75%,
+                hsl(0 0% 100% / 0.25) 50%,
+                hsl(0 0% 100% / 0.25) 75%,
                 transparent 75%,
                 transparent
             );

scss/modules/jquery-ui/_tabs.scss

@@ -94,7 +94,7 @@
         white-space: nowrap;
 
         @if not setup.$flat-theme {
-            box-shadow: inset 0 -0.25em 0.5em hsla(0, 0%, 40%, 0.15);
+            box-shadow: inset 0 -0.25em 0.5em hsl(0 0% 40% / 0.15);
         }
 
         &.ui-tabs-active {
@@ -111,7 +111,7 @@
 @if not setup.$flat-theme {
     @include setup.dark-mode {
         .ui-tabs:not(.ui-tabs-vertical) .ui-tabs-nav li {
-            box-shadow: inset 0 -0.25em 0.5em hsla(0, 0%, 0%, 0.3);
+            box-shadow: inset 0 -0.25em 0.5em hsl(0 0% 0% / 0.3);
 
             &.ui-tabs-active {
                 box-shadow: none;