From aef3e495464b8793ab4f9c1c5e44f8fccfe83dfd Mon Sep 17 00:00:00 2001
From: Dan Allen <dan@opendevise.com>
Date: Wed, 24 Jan 2018 17:40:06 -0700
Subject: style checklists

- hide default bullet
- add list marker using CSS
- add checklist to example
- reset font style for all i.fa elements
---
 src/css/doc.css | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

(limited to 'src/css/doc.css')

diff --git a/src/css/doc.css b/src/css/doc.css
index cc955bc..ec7f88d 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -78,6 +78,10 @@
   font-weight: 500;
 }
 
+.doc i.fa {
+  font-style: normal;
+}
+
 /* what about td/th code? */
 .doc p code {
   font-size: 0.85em;
@@ -212,7 +216,6 @@
 }
 
 .doc .admonitionblock .icon i {
-  font-style: normal;
   display: inline-flex;
   align-items: center;
   height: 100%;
@@ -336,6 +339,27 @@
   position: absolute;
 }
 
+.doc ul.checklist {
+  padding-left: 0.5rem;
+  list-style: none;
+}
+
+.doc ul.checklist p > i.fa-check-square-o:first-child,
+.doc ul.checklist p > i.fa-square-o:first-child {
+  display: inline-flex;
+  justify-content: center;
+  width: 1rem;
+  margin-right: 0.25rem;
+}
+
+.doc ul.checklist i.fa-check-square-o::before {
+  content: "\2713";
+}
+
+.doc ul.checklist i.fa-square-o::before {
+  content: "\274f";
+}
+
 .doc .olist .olist,
 .doc .olist .ulist,
 .doc .olist .dlist,
@@ -443,6 +467,5 @@
 
 .menuseq i.caret::before {
   content: ">";
-  font-style: normal;
   font-weight: 500;
 }
-- 
cgit v1.2.3