input.css: fix list items missing bullets #492

merged
opened by oppi.li targeting master from push-stktrzvlltpw
  • 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

Changed files
+12 -6
+12
input.css
··· 102 disabled:before:bg-green-400 dark:disabled:before:bg-green-600; 103 } 104 105 .prose img { 106 display: inline; 107 margin: 0;
··· 102 disabled:before:bg-green-400 dark:disabled:before:bg-green-600; 103 } 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 + 117 .prose img { 118 display: inline; 119 margin: 0;
-6
tailwind.config.js
··· 40 color: colors.black, 41 "@apply font-normal text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border": {}, 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 code: { 50 "@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 },
··· 40 color: colors.black, 41 "@apply font-normal text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border": {}, 42 }, 43 code: { 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": {}, 45 },