Docs: Add modal page

docs/scss/components/_modal.scss

@@ -0,0 +1,34 @@
+/**
+ * Docs: Modal
+ */
+
+dialog.example {
+  display: block;
+  z-index: inherit;
+  position: relative;
+  top: inherit;
+  right: inherit;
+  bottom: inherit;
+  left: inherit;
+  align-items: inherit;
+  justify-content: inherit;
+  width: inherit;
+  min-width: inherit;
+  height: inherit;
+  min-height: inherit;
+  padding: 0;
+  background-color:inherit;
+
+  article {
+    max-width: inherit;
+  }
+
+  &:not([open]),
+  &[open=false] {
+    display: none;
+  }
+}
+
+.dialog-is-open body > button {
+  filter: blur(0.125rem);
+}

docs/scss/layout/_documentation.scss

@@ -4,8 +4,14 @@
 
 // Docs: Themes
 #themes {
-  button i {
-    font-style: normal;
+  button.theme-switcher {
+    &:first-of-type {
+      --font-weight: bold;
+    }
+    
+    i {
+      font-style: normal;
+    }
   }
 }
 
@@ -115,3 +121,10 @@
 #forms div.grid {
   grid-row-gap: 0;
 }
+
+// Docs: Modal
+#modal {
+  button {
+    --font-weight: bold;
+  }
+}

docs/scss/pico.docs.scss

@@ -19,5 +19,6 @@
 @import "content/code";
 
 // Components
+@import "components/modal";
 @import "components/nav";
 @import "components/theme-switcher";