diff --git a/docs/modal.html b/docs/modal.html index b2e20d75..0f5124e6 100644 --- a/docs/modal.html +++ b/docs/modal.html @@ -75,7 +75,7 @@ … </article> </dialog> -
Modals come with 3 utility classes.
.modal-is-open
prevents any scrolling and interactions below the modal.
<!doctype html>
+
Modals come with 3 utility classes.
ℹ️ These classes are not available in the class-less version.
.modal-is-open
prevents any scrolling and interactions below the modal.
<!doctype html>
<html class="modal-is-open">
…
</html>
.modal-is-opening
brings an opening animation.
<!doctype html>
diff --git a/docs/src/modal.html b/docs/src/modal.html
index 427716ef..e6ce7e0c 100644
--- a/docs/src/modal.html
+++ b/docs/src/modal.html
@@ -70,7 +70,6 @@
-
<dialog open>
<article>
<h3>Confirm your action!</h3>
@@ -139,9 +138,7 @@
Pico does not include JavaScript code. You will need to implement your JS to interact with modals.
-
As a starting point, you can look at the JavaScript used in this documentation: js/modal.js.
-
To make a modal appear, add the open
attribute to the <dialog>
container.
<!-- Open modal-->
@@ -160,9 +157,8 @@
Utilities
-
Modals come with 3 utility classes.
-
+ ℹ️ These classes are not available in the class-less version.
.modal-is-open
prevents any scrolling and interactions below the modal.
<!doctype html>