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> -

Utilities

Modals come with 3 utility classes.

.modal-is-open prevents any scrolling and interactions below the modal.

<!doctype html>
+

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>
 <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>