Skip to content

Commit 667f582

Browse files
committed
Reduce heading sizes for .prose-sm class
Overrides 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.
1 parent a7c93d5 commit 667f582

File tree

1 file changed

+31
-0
lines changed

1 file changed

+31
-0
lines changed

src/styles/main.css

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,37 @@
7171
.prose pre {
7272
@apply border-[0.5px] bg-white text-gray-600 dark:border-gray-700 dark:!bg-gray-900 dark:bg-inherit dark:text-inherit;
7373
}
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+
}
74105
}
75106

76107
.katex-display {

0 commit comments

Comments
 (0)