applies styles universally for callouts in goldmark callout
callout_styles.patch edited
57 lines 1.9 kB view raw
1diff --git a/input.css b/input.css 2index 6e7ef324e8..c04d53c27e 100644 3--- a/input.css 4+++ b/input.css 5@@ -198,42 +198,42 @@ 6 } 7 8 /* Note (blue) */ 9- details[data-callout="note"] { 10+ details[data-callout="note" i] { 11 @apply border-blue-400 dark:border-blue-500; 12 } 13- details[data-callout="note"] > summary { 14+ details[data-callout="note" i] > summary { 15 @apply text-blue-700 dark:text-blue-400; 16 } 17 18 /* Important (purple) */ 19- details[data-callout="important"] { 20+ details[data-callout="important" i] { 21 @apply border-purple-400 dark:border-purple-500; 22 } 23- details[data-callout="important"] > summary { 24+ details[data-callout="important" i] > summary { 25 @apply text-purple-700 dark:text-purple-400; 26 } 27 28 /* Warning (yellow) */ 29- details[data-callout="warning"] { 30+ details[data-callout="warning" i] { 31 @apply border-yellow-400 dark:border-yellow-500; 32 } 33- details[data-callout="warning"] > summary { 34+ details[data-callout="warning" i] > summary { 35 @apply text-yellow-700 dark:text-yellow-400; 36 } 37 38 /* Caution (red) */ 39- details[data-callout="caution"] { 40+ details[data-callout="caution" i] { 41 @apply border-red-400 dark:border-red-500; 42 } 43- details[data-callout="caution"] > summary { 44+ details[data-callout="caution" i] > summary { 45 @apply text-red-700 dark:text-red-400; 46 } 47 48 /* Tip (green) */ 49- details[data-callout="tip"] { 50+ details[data-callout="tip" i] { 51 @apply border-green-400 dark:border-green-500; 52 } 53- details[data-callout="tip"] > summary { 54+ details[data-callout="tip" i] > summary { 55 @apply text-green-700 dark:text-green-400; 56 } 57