Merge pull request plone#1166 from plone/Mark-TODOs-in-content

Highlight TODOs

Author: ksuess

docs/_static/custom.css

@@ -1,3 +1,10 @@
+:root {
+  /* Add Font Awesome 5 icon and color for todo */
+  --pst-icon-clipboard-list: '\f46d';
+  --pst-icon-admonition-todo: var(--pst-icon-clipboard-list);
+  --pst-color-admonition-todo:  161 , 46, 233;
+}
+
 .visuallyhidden {
   display: none;
 }
@@ -73,6 +80,7 @@ div.section {
   margin-bottom: 5rem;
 }
 
+/* admonitions */
 .admonition {
   border-radius: 0;
   border: none;
@@ -95,6 +103,21 @@ div.section {
 .admonition.toggle .admonition-title.open::after {
   content: "\f107";
 }
+/* admonition todo */
+.admonition.admonition-todo,
+div.admonition.admonition-todo {
+  border-color: rgba(var(--pst-color-admonition-todo),1);
+}
+.admonition.admonition-todo > .admonition-title,
+div.admonition.admonition-todo > .admonition-title {
+  background-color: rgba(var(--pst-color-admonition-todo),.1);
+}
+.admonition.admonition-todo > .admonition-title::before,
+div.admonition.admonition-todo > .admonition-title::before {
+  color: rgba(var(--pst-color-admonition-todo),1);
+  content: var(--pst-icon-admonition-todo);
+}
+
 
 .topic {
   padding: 1.5em 1em .5em 1em;