From 56bd21e311d2f03f5e328bed0c1fe36446ac1fdd Mon Sep 17 00:00:00 2001 From: oppiliappan Date: Mon, 11 Aug 2025 22:28:18 +0100 Subject: [PATCH] input.css: fix styles for checkboxes in prose Signed-off-by: oppiliappan --- input.css | 8 ++++++++ tailwind.config.js | 6 ++++++ 2 files changed, 14 insertions(+) diff --git a/input.css b/input.css index 5f11462c..f70149c3 100644 --- a/input.css +++ b/input.css @@ -107,6 +107,14 @@ margin: 0; vertical-align: middle; } + + .prose input { + @apply inline-block my-0 mb-1 mx-1; + } + + .prose input[type="checkbox"] { + @apply disabled:accent-blue-500 checked:accent-blue-500 disabled:checked:accent-blue-500; + } } @layer utilities { .error { diff --git a/tailwind.config.js b/tailwind.config.js index 8dbdb548..a1d7d0ce 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -40,6 +40,12 @@ module.exports = { color: colors.black, "@apply font-normal text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border": {}, }, + li: { + "@apply inline-block w-full my-0 py-0": {}, + }, + "ul, ol": { + "@apply my-1 py-0": {}, + }, code: { "@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": {}, }, -- 2.51.2