From 2ac9ffd23e2c99991133812679e5a22347a17f84 Mon Sep 17 00:00:00 2001 From: Ramon Date: Fri, 7 Aug 2026 13:58:53 +1000 Subject: [PATCH] Docs: remove breakpoint-only element style example from global styles guide --- .../themes/global-settings-and-styles.md | 25 ------------------- 1 file changed, 25 deletions(-) diff --git a/docs/how-to-guides/themes/global-settings-and-styles.md b/docs/how-to-guides/themes/global-settings-and-styles.md index d64c13cc75c11f..7159c30b23f7f2 100644 --- a/docs/how-to-guides/themes/global-settings-and-styles.md +++ b/docs/how-to-guides/themes/global-settings-and-styles.md @@ -1149,31 +1149,6 @@ A breakpoint can also carry styles for a block's elements, including their pseud @media (width <= 480px) { :root :where(.wp-block-group a:where(:not(.wp-element-button)):hover) { color: darkred; } } ``` -An element does not need styles outside the breakpoint. Styling it only inside one is valid, and outputs a single rule inside the media query: - -```json -{ - "version": 3, - "styles": { - "blocks": { - "core/group": { - "@mobile": { - "elements": { - "link": { - "color": { "text": "red" } - } - } - } - } - } - } -} -``` - -```css -@media (width <= 480px) { :root :where(.wp-block-group a:where(:not(.wp-element-button))) { color: red; } } -``` - Responsive overrides are always output after the default styles they override, so the cascade order is preserved without needing to increase specificity. #### Variations