From 9cf3ebbf2bb9cfdbc2763699a14488f21fb080b4 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 24 Feb 2018 12:46:23 -0800
Subject: [PATCH] Fixes #25703

---
 docs/4.0/getting-started/theming.md | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/docs/4.0/getting-started/theming.md b/docs/4.0/getting-started/theming.md
index 0909db7305..c4613b04b6 100644
--- 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)
-- 
2.47.2