fix: overwrite tailwind typography css for checkbox in ul and ol

refer to: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js#L131-L142
and discussion: #10

assets/css/index.css

@@ -1105,6 +1105,22 @@ video {
   content: none;
 }
 
+.prose-quoteless :where(.prose-quoteless > ul > li > input:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+}
+
+.prose-quoteless :where(.prose-quoteless > ul > li > input:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom: 0;
+}
+
+.prose-quoteless :where(.prose-quoteless > ol > li > input:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top: 0;
+}
+
+.prose-quoteless :where(.prose-quoteless > ol > li > input:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom: 0;
+}
+
 .sr-only {
   position: absolute;
   width: 1px;

exampleSite/content/post/markdown-syntax.md

@@ -137,6 +137,12 @@ Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-
   * Milk
   * Cheese
 
+### List with checkbox
+
+- [x] Create a Hugo site
+- [x] Add content
+- [ ] Add a style
+
 ## Other Elements — abbr, sub, sup, kbd, mark
 
 <abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.

tailwind.config.js

@@ -14,6 +14,18 @@ module.exports = {
             'blockquote p:first-of-type::after': { content: 'none' },
             'code::before': { content: 'none' },
             'code::after': { content: 'none' },
+            '> ul > li > input:first-child': {
+              marginTop: 0,
+            },
+            '> ul > li > input:last-child': {
+              marginBottom: 0,
+            },
+            '> ol > li > input:first-child': {
+              marginTop: 0,
+            },
+            '> ol > li > input:last-child': {
+              marginBottom: 0,
+            },
           },
         },
       },