From 6110bcf371affcb0ac47d8f8bf3958bd22d6b080 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Wed, 16 Feb 2022 21:54:03 +0000
Subject: [PATCH] feat(style): style task lists with emoji check boxes

---
 .../assets/scss/wowchemy/elements/_icon.scss  | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/wowchemy/assets/scss/wowchemy/elements/_icon.scss b/wowchemy/assets/scss/wowchemy/elements/_icon.scss
index 6e762146..6a1ed6b9 100644
--- a/wowchemy/assets/scss/wowchemy/elements/_icon.scss
+++ b/wowchemy/assets/scss/wowchemy/elements/_icon.scss
@@ -9,3 +9,23 @@
   line-height: 1;
   position: relative;
 }
+
+// Emoji task lists
+
+.task-list input[type='checkbox']:checked {
+  appearance: initial;
+  width: 1em;
+  height: 1em;
+  border: none;
+  background: initial;
+  position: relative;
+}
+
+.task-list input[type='checkbox']:not(:checked) {
+  width: .9em;
+  height: .9em;
+}
+
+.task-list input[type='checkbox']:checked::after {
+  content:"✅";
+}