瀏覽代碼

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

George Cushen 2 年之前
父節點
當前提交
6110bcf371
共有 1 個文件被更改,包括 20 次插入0 次删除
  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:"✅";
+}