Reduce heading sizes for .prose-sm class
Browse filesOverrides the default heading font sizes for the .prose-sm class to 55% of their original size and applies font-semibold. This ensures more compact typography for small prose sections.
- src/styles/main.css +31 -0
src/styles/main.css
CHANGED
|
@@ -71,6 +71,37 @@
|
|
| 71 |
.prose pre {
|
| 72 |
@apply border-[0.5px] bg-white text-gray-600 dark:border-gray-700 dark:!bg-gray-900 dark:bg-inherit dark:text-inherit;
|
| 73 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 74 |
}
|
| 75 |
|
| 76 |
.katex-display {
|
|
|
|
| 71 |
.prose pre {
|
| 72 |
@apply border-[0.5px] bg-white text-gray-600 dark:border-gray-700 dark:!bg-gray-900 dark:bg-inherit dark:text-inherit;
|
| 73 |
}
|
| 74 |
+
|
| 75 |
+
/* Override prose-sm title sizes - 55% of original */
|
| 76 |
+
.prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
| 77 |
+
font-size: 1.17857em; /* 55% */
|
| 78 |
+
@apply font-semibold;
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
.prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
| 82 |
+
font-size: 0.78571em; /* 55% */
|
| 83 |
+
@apply font-semibold;
|
| 84 |
+
}
|
| 85 |
+
|
| 86 |
+
.prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
| 87 |
+
font-size: 0.70714em; /* 55% */
|
| 88 |
+
@apply font-semibold;
|
| 89 |
+
}
|
| 90 |
+
|
| 91 |
+
.prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
| 92 |
+
font-size: 0.58929em; /* 55% */
|
| 93 |
+
@apply font-semibold;
|
| 94 |
+
}
|
| 95 |
+
|
| 96 |
+
.prose-sm :where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
| 97 |
+
font-size: 0.55em; /* 55% */
|
| 98 |
+
@apply font-semibold;
|
| 99 |
+
}
|
| 100 |
+
|
| 101 |
+
.prose-sm :where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
| 102 |
+
font-size: 0.55em; /* 55% */
|
| 103 |
+
@apply font-semibold;
|
| 104 |
+
}
|
| 105 |
}
|
| 106 |
|
| 107 |
.katex-display {
|