From: Joe Workman <joe@workmanmail.com>
Date: Tue, 24 Aug 2021 22:35:36 +0000 (-0700)
Subject: removed potentially confusing graph
X-Git-Tag: v6.7.1~36^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F12161%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

removed potentially confusing graph
---

diff --git a/docs/pages/media-queries.md b/docs/pages/media-queries.md
index f7f162ecc..4450560c7 100644
--- a/docs/pages/media-queries.md
+++ b/docs/pages/media-queries.md
@@ -93,20 +93,6 @@ Changing the widths of any of the breakpoints is as easy as changing the pixel v
 
 Please note that the order of breakpoints must be in ascending order so that keywords like `down` in the `breakpoint` function below will work as expected e.g.
 
-```js
-├─ xlarge max
-│
-├─ xlarge min
-├─ large max    ┓
-│               │
-├─ large min    │
-├─ medium max   │
-│               │   "xlarge down" Breakpoint
-├─ medium min   │
-├─ small max    │
-│               │
-...
-```
 
 You can change that by modifying the `$breakpoint-classes` variable in your settings file. This is a list of breakpoint names. Adding or removing names from the list will change the CSS class output. It looks like this by default: