From 905b1b11b3352f98a97fc1d72e0455daec9e3253 Mon Sep 17 00:00:00 2001 From: Kyle Tsang <6854874+kyletsang@users.noreply.github.com> Date: Tue, 29 Sep 2020 11:56:01 -0700 Subject: [PATCH] docs(Modal): Add xxl fullscreen example (#31583) * docs(Modal): Add xxl fullscreen example * Update modal.md Co-authored-by: XhmikosR --- site/content/docs/5.0/components/modal.md | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/site/content/docs/5.0/components/modal.md b/site/content/docs/5.0/components/modal.md index bb00382a26..d1815e1703 100644 --- a/site/content/docs/5.0/components/modal.md +++ b/site/content/docs/5.0/components/modal.md @@ -683,6 +683,10 @@ Another override is the option to pop up a modal that covers the user viewport, .modal-fullscreen-xl-down Below 1200px + + .modal-fullscreen-xxl-down + Below 1400px + @@ -692,6 +696,7 @@ Another override is the option to pop up a modal that covers the user viewport, + {{< highlight html >}} @@ -803,6 +808,23 @@ Another override is the option to pop up a modal that covers the user viewport, + + ## Usage The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds `.modal-open` to the `` to override default scrolling behavior and generates a `.modal-backdrop` to provide a click area for dismissing shown modals when clicking outside the modal.