assets/css/default: Add basic checkbox input styling

1 files changed, 39 insertions, 4 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 45f324b..3f5ca32 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -263,6 +263,34 @@ input[type="checkbox"]:checked ~ s {
   color: inherit;
 }
 
+input[type="checkbox"] {
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: transparent;
+  border-radius: 0.5rem;
+  border: 1px solid;
+  border-color: inherit;
+  height: 1.25rem;
+  margin: 0 0.25rem;
+  vertical-align: middle;
+  vertical-align: text-bottom;
+  width: 1.25rem;
+}
+
+input[type="checkbox"]:checked {
+  color: inherit;
+}
+
+input[type="checkbox"]:checked:after {
+  content: "\2714";
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  height: 100%;
+  width: 100%;
+}
+
 blockquote {
   padding-left: 2rem;
 }
@@ -396,13 +424,12 @@ cite {
 }
 
 ul {
-  list-style: disc;
-  padding-left: 2rem;
+  list-style: none;
+  padding-left: 0;
 }
 
 nav ol,
 nav ul {
-  list-style: none;
   display: inline-block;
   padding: 0;
 }
@@ -917,6 +944,15 @@ micro-content {
   width: 0;
 }
 
+micro-content ul li + li {
+  margin-top: 0.25rem;
+}
+
+micro-content ul li:before {
+  content: "\2014";
+  padding: 0 0.5rem 0 1.25rem;
+}
+
 [data-kind] micro-content h1 a,
 [data-kind] micro-content h2 a,
 [data-kind] micro-content h3 a {
@@ -1634,7 +1670,6 @@ item-list h1 {
 
 item-list ul {
   padding: 0 0.5rem 0 0.5rem;
-  list-style: none;
 }
 
 item-list li:hover {