Fixes #25703

diff --git a/docs/4.0/getting-started/theming.md b/docs/4.0/getting-started/theming.md
index 0909db7305d6351bddb388b41cba6a7c635d02eb..c4613b04b693abce61d6e25fc5cb52d128227870 100644 (file)
--- a/docs/4.0/getting-started/theming.md
+++ b/docs/4.0/getting-started/theming.md
@@ -418,16 +418,4 @@ a {
 }
 {% endhighlight %}
 
-You can also use our breakpoint variables in your media queries:
-
-{% highlight css %}
-.content-secondary {
-  display: none;
-}
-
-@media (min-width(var(--breakpoint-sm))) {
-  .content-secondary {
-    display: block;
-  }
-}
-{% endhighlight %}
+While we include breakpoints in our CSS variables, they unfortunately cannot be used in media queries. These remain in the compiled CSS for backward compatibility given they can be utilized by JavaScript. [Learn more in the spec.](https://www.w3.org/TR/css-variables-1/#using-variables)