Changeset 49726 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss

Timestamp:

12/01/2020 07:07:43 PM (5 years ago)

Author:

desrosj

Message:

Twenty Twenty-One: Sync the latest changes for 5.6 RC2.

This will be the final sync from GitHub before placing that repository into read-only mode. All further changes should now flow entirely through Trac.

For a full list of changes since [49633], see ​https://github.com/WordPress/twentytwentyone/compare/1d5a895...53acd9b.

Props poena, luminuu, kjellr, ryelle, allancole, melchoyce, felipeelia, aljullu, kebbet, chaton666, Clorith, mkaz, ingereck, paaljoachim.
See #51526.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss (modified) (3 diffs)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss

@@ -1 +1 @@
 .wp-block-search {
     max-width: var(--responsive--aligndefault-width);
-
-    &__button-inside {
-
-        .wp-block-search__inside-wrapper {
-            background-color: var(--global--color-white);
-        }
-    }
 
     &__button-only.aligncenter {
@@ -36 +29 @@
         }
 
-        .has-background:not(.has-background-background-color) &,
-        [class*="background-color"]:not(.has-background-background-color) &,
+        .has-background &,
+        [class*="background-color"] &,
         [style*="background-color"] &,
         .wp-block-cover[style*="background-image"] & {
@@ -114 +107 @@
     &.wp-block-search__button-inside {
 
+        .wp-block-search__inside-wrapper {
+            background-color: var(--global--color-white);
+            border: var(--form--border-width) solid var(--form--border-color);
+            border-radius: var(--form--border-radius);
+
+            .wp-block-search__input {
+                margin-right: 0;
+
+                &:focus {
+                    outline: 2px dotted var(--form--border-color);
+                    outline-offset: -5px;
+
+                    .is-dark-theme & {
+                        outline-color: currentColor;
+                    }
+                }
+            }
+        }
+
         &.wp-block-search__text-button {