From deee05678d815d5db1e823315ead5fabf85cc9fa Mon Sep 17 00:00:00 2001
From: Nicolas Coden <nicolas@ncoden.fr>
Date: Wed, 4 Jul 2018 22:43:05 +0200
Subject: [PATCH] docs: add a notice about required CSS in Media Query doc

Partially resolve https://github.com/zurb/foundation-sites/issues/11374
---
 docs/pages/media-queries.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/pages/media-queries.md b/docs/pages/media-queries.md
index ad2767f9b..43917d315 100644
--- 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 breakpoints settings and require 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
-- 
2.47.2