Use pull request #11382 from ncoden/docs/media-query-global-styles-notice-11374 for...

deee05678 docs: add a notice about required CSS in Media Query doc
cfcc36b82 docs: fix typo in Media Query warning about required CSS

Signed-off-by: Nicolas Coden <nicolas@ncoden.fr>

diff --git a/docs/pages/media-queries.md b/docs/pages/media-queries.md
index ad2767f9be9d9fee6e8112f23e288d5c993abf6c..cdb045df28ac5626ab1a64f75f689e3ac9d327ec 100644 (file)
--- a/docs/pages/media-queries.md
+++ b/docs/pages/media-queries.md
@@ -187,6 +187,10 @@ This can be used to combine multiple media queries together.
 
 The Foundation JavaScript includes a set of helper functions for working with media queries. They're all on the `Foundation.MediaQuery` object.
 
+<div class="callout warning">
+  The MediaQuery utility uses the Sass breakpoint settings and requires the Foundation CSS to be imported. For Sass users, you need to include either `foundation-everything()` or `foundation-global-styles()`.
+</div>
+
 Get the name of the current breakpoint with `MediaQuery.current`.
 
 ```js