zan.dev
input.css: fix list items missing bullets
- `inline-block` on li was too general, this only applies on
`li:has(input)` now
- all styles have been moved to input.css and apply only to children of
prose
Signed-off-by: oppiliappan <me@oppi.li>
oppi.li
+12
input.css
+12
input.css
···
102
102
disabled:before:bg-green-400 dark:disabled:before:bg-green-600;
103
103
}
104
104
105
+
.prose li:has(input) {
106
+
list-style: none;
107
+
}
108
+
109
+
.prose li {
110
+
@apply my-0 py-0;
111
+
}
112
+
113
+
.prose ul, .prose ol {
114
+
@apply my-1 py-0;
115
+
}
116
+
105
117
.prose img {
106
118
display: inline;
107
119
margin: 0;
-6
tailwind.config.js
-6
tailwind.config.js
···
40
40
color: colors.black,
41
41
"@apply font-normal text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border": {},
42
42
},
43
-
li: {
44
-
"@apply inline-block w-full my-0 py-0": {},
45
-
},
46
-
"ul, ol": {
47
-
"@apply my-1 py-0": {},
48
-
},
49
43
code: {
50
44
"@apply font-normal font-mono p-1 rounded text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700": {},
51
45
},