victor HF Staff commited on
Commit
4e1ceff
·
1 Parent(s): ae48af8

Reduce heading sizes for .prose-sm class

Browse files

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.

Files changed (1) hide show
  1. 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 {