Add example of using breakpoint() multiple times within @media

diff --git a/docs/pages/media-queries.md b/docs/pages/media-queries.md
index 6e88d217bf562f50eed3648f0be1219c0534b0bd..e66da7d5dace981c4201bb14e658905aa876bdee 100644 (file)
--- a/docs/pages/media-queries.md
+++ b/docs/pages/media-queries.md
@@ -165,6 +165,14 @@ The functionality of the `breakpoint()` mixin comes from an internal function, a
 }
 ```
 
+This can be used to combine multiple media queries together.
+
+```scss
+@media screen and #{breakpoint(medium)} and #{breakpoint(xlarge down)} {
+  // Medium to extra large styles
+}
+```
+
 ---
 
 ## JavaScript