Browse Source

feat(style): style task lists with emoji check boxes

George Cushen 2 years ago
parent
commit
6110bcf371
1 changed files with 20 additions and 0 deletions
  1. 20 0
      wowchemy/assets/scss/wowchemy/elements/_icon.scss

+ 20 - 0
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:"✅";
+}