Changeset 59185 for trunk/src/wp-admin/css/colors/_mixins.scss

Timestamp:

10/06/2024 11:35:49 PM (7 months ago)

Author:

peterwilsoncc

Message:

Tests/Build Tools: Update SCSS files to use new color functions.

Replaces deprecated color functions with their updated equivalents, see ​the deprecation documentation.

This results in four changes in the built files, hsl colors with a negative lightness value are replaced with the keyword black. These changes are harmless as they have no effect on the rendered colors.

Props aslamdoctor, veryard.
Fixes #62142.

File:

• trunk/src/wp-admin/css/colors/_mixins.scss (modified) (3 diffs)

trunk/src/wp-admin/css/colors/_mixins.scss

@@ -10 +10 @@
     &:hover,
     &:focus {
-        background: lighten( $button-color, 3% );
-        border-color: darken( $button-color, 3% );
+        background: color.adjust($button-color, $lightness: 3%);
+        border-color: color.adjust($button-color, $lightness: -3%);
         color: $button-text-color;
     }
@@ -22 +22 @@
 
     &:active {
-        background: darken( $button-color, 5% );
-        border-color: darken( $button-color, 5% );
+        background: color.adjust($button-color, $lightness: -5%);
+        border-color: color.adjust($button-color, $lightness: -5%);
         color: $button-text-color;
     }
@@ -32 +32 @@
         background: $button-color;
         color: $button-text-color;
-        border-color: darken( $button-color, 15% );
-        box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
+        border-color: color.adjust($button-color, $lightness: -15%);
+        box-shadow: inset 0 2px 5px -3px color.adjust($button-color, $lightness: -50%);
     }
 }