Changeset 56036 for trunk/src/wp-content/themes/twentynineteen/style-editor.scss

Timestamp:

06/26/2023 03:48:23 PM (3 years ago)

Author:

audrasjb

Message:

Twenty Nineteen: Ensure Separator block supports theme colors in editor.

This fixes a bug in the Editor, where the Separator block did not support background color selections other than white and light gray.

Props nidhidhandhukiya, sabernhardt, shailu25, harshgajipara, mukesh27, costdev, zunaid321.
Fixes #58558.

File:

• trunk/src/wp-content/themes/twentynineteen/style-editor.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -651 +651 @@
                 letter-spacing: calc(2 * #{$size__spacing-unit});
                 padding-left: calc(2 * #{$size__spacing-unit});
+        }
+
+        &.has-primary-background-color {
+                color: $color__link;
+                background-color: $color__link;
+        }
+
+        &.has-secondary-background-color {
+                color: $color__border-link-hover;
+                background-color: $color__border-link-hover;
+        }
+
+        &.has-dark-gray-background-color {
+                color: $color__text-main;
+                background-color: $color__text-main;
+        }
+
+        &.has-light-gray-background-color {
+                color: $color__text-light;
+                background-color: $color__text-light;
+        }
+
+        &.has-white-background-color {
+                color: #fff;
+                background-color: #fff;
         }
 }