Add new admonitions

timothyhull · Jul 29, 2024 · 6738e5c · 6738e5c
1 parent dde1b28
commit 6738e5c
Showing 1 changed file with 45 additions and 5 deletions.
diff --git a/docs/stylesheets/admonitions.css b/docs/stylesheets/admonitions.css
@@ -1,23 +1,63 @@
 /* Custom admonition icons and color schemes. */
 /* Reference documentation: https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions */
-/* Path to the ".icons" directory: /usr/local/lib/python3.10/site-packages/material/.icons/ */
+/* Path to the ".icons" directory: /usr/local/lib/python3.11/site-packages/material/templates/.icons/ */
 
+  /* "Magnifying Glass" admonition: "fontawesome-solid-magnifying-glass" icon */
+  :root {
+    --md-admonition-icon--magnifying-glass: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>')
+  }
+  .md-typeset .admonition.magnifying-glass,
+  .md-typeset details.magnifying-glass {
+    border-color: rgb(30, 90, 40);
+  }
+  .md-typeset .magnifying-glass > .admonition-title,
+  .md-typeset .magnifying-glass > summary {
+    background-color: rgba(30, 90, 40, 0.1);
+    border-color: rgb(30, 90, 40);
+  }
+  .md-typeset .magnifying-glass > .admonition-title::before,
+  .md-typeset .magnifying-glass > summary::before {
+    background-color: rgb(30, 90, 40);
+    -webkit-mask-image: var(--md-admonition-icon--magnifying-glass);
+            mask-image: var(--md-admonition-icon--magnifying-glass);
+  }
+
+  /* "Numbers" admonition: "material-format-list-numbered" icon */
+  :root {
+    --md-admonition-icon--numbers: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 0 1 .75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25Z"/></svg>')
+  }
+  .md-typeset .admonition.numbers,
+  .md-typeset details.numbers {
+    border-color: rgb(140, 43, 35);
+  }
+  .md-typeset .numbers > .admonition-title,
+  .md-typeset .numbers > summary {
+    background-color: rgba(140, 43, 35, 0.1);
+    border-color: rgb(140, 43, 35);
+  }
+  .md-typeset .numbers > .admonition-title::before,
+  .md-typeset .numbers > summary::before {
+    background-color: rgb(140, 43, 35);
+    -webkit-mask-image: var(--md-admonition-icon--numbers);
+            mask-image: var(--md-admonition-icon--numbers);
+  }
+
   /* "Reference" admonition: "fontawesome-solid-book" icon */
   :root {
     --md-admonition-icon--reference: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M448 336V48c0-26.51-21.5-48-48-48H96C42.98 0 0 42.98 0 96v320c0 53.02 42.98 96 96 96h320c17.67 0 32-14.33 32-31.1 0-11.72-6.607-21.52-16-27.1v-81.36c9.8-9.64 16-22.24 16-36.44zM143.1 128h192c9.7 0 16.9 7.2 16.9 16s-7.2 16-16 16H143.1c-7.9 0-15.1-7.2-15.1-16s7.2-16 15.1-16zm0 64h192c9.7 0 16.9 7.2 16.9 16s-7.2 16-16 16H143.1c-7.9 0-15.1-7.2-15.1-16s7.2-16 15.1-16zM384 448H96c-17.67 0-32-14.33-32-32s14.33-32 32-32h288v64z"/></svg>')
   }
   .md-typeset .admonition.reference,
   .md-typeset details.reference {
-    border-color: rgb(144, 48, 69);
+    border-color: rgb(60, 60, 60);
   }
   .md-typeset .reference > .admonition-title,
   .md-typeset .reference > summary {
-    background-color: rgba(144, 48, 69, 0.1);
-    border-color: rgb(144, 48, 69);
+    background-color: rgba(60, 60, 60, 0.1);
+    border-color: rgb(60, 60, 60);
   }
   .md-typeset .reference > .admonition-title::before,
   .md-typeset .reference > summary::before {
-    background-color: rgb(144, 48, 69);
+    background-color: rgb(60, 60, 60);
     -webkit-mask-image: var(--md-admonition-icon--reference);
             mask-image: var(--md-admonition-icon--reference);
   }