CSS updates.

Signed-off-by: bgravenorst <byron.gravenorst@consensys.net>

Author: bgravenorst

src/components/ParserOpenRPC/CollapseBox/styles.module.scss

@@ -18,6 +18,7 @@
   width: 100%;
   padding: 1.6rem;
   color: var(--ifm-heading-color);
+  font-size: 1.4rem;
 
   &:hover {
     background-color: var(--general-white-off);

src/components/ParserOpenRPC/DetailsBox/styles.module.scss

@@ -1,30 +1,34 @@
 .paramWrapper {
   border-bottom: 1px solid var(--general-gray-light);
-  padding-bottom: 1.5rem;
-  margin-bottom: 1rem;
+  padding-bottom: 1rem;
+  margin-bottom: 0.8rem;
 }
 
 .borderWrapper {
   border-bottom: 1px solid var(--general-gray-light);
-  padding-top: 2rem;
-  padding-bottom: 1rem;
+  padding-top: 1.5rem;
+  padding-bottom: 0.8rem;
 }
 
 .schemaWrapper {
-  padding: 1.6rem 0;
+  padding: 1rem 0;
 }
 
 .schemaHeader {
   display: flex;
   align-items: baseline;
   gap: 0.8rem;
-  margin-bottom: 0.3rem;
+  margin-bottom: 0.2rem;
+
+  h5 {
+    font-size: 1.4rem;
+  }
 }
 
 .textAltColor {
   color: var(--general-gray-dark);
   font-style: italic;
-  font-size: 1.3rem;
+  font-size: 1.2rem;
 
   [data-theme='dark'] & {
     color: var(--general-gray);
@@ -38,14 +42,15 @@
 
 .description {
   color: var(--general-gray-dark);
+  font-size: 1.4rem;
 
   [data-theme='dark'] & {
     color: var(--general-gray);
   }
 }
 
 .paramItemWrapper {
-  padding: 0 1.6rem;
+  padding: 0 1.2rem;
 
   .borderTopLine {
     border-top: 1px solid transparent;
@@ -57,12 +62,12 @@
 }
 
 .propItemWrapper {
-  margin-top: 0.8rem;
+  margin-top: 0.5rem;
 }
 
 .propItemLabel {
   font-weight: 500;
-  font-size: 1.4rem;
+  font-size: 1.2rem;
   color: var(--general-gray-dark);
   margin-right: 0.4rem;
 
@@ -73,7 +78,7 @@
 
 .propItemValue {
   font-family: var(--font-mm-sans-mono);
-  font-size: 1.4rem;
+  font-size: 1.2rem;
   color: var(--general-black);
   background-color: var(--ifm-code-background);
   padding: 0.2rem 0.4rem;
@@ -89,11 +94,11 @@
   display: inline-block;
   background-color: var(--general-white-off);
   border: 1px solid var(--general-gray-light);
-  border-radius: 0.4rem;
-  padding: 0.3rem 0.6rem;
-  margin-left: 0.8rem;
-  font-size: 1rem;
-  line-height: 1.2;
+  border-radius: 0.3rem;
+  padding: 0.1rem 0.4rem;
+  margin-left: 0.5rem;
+  font-size: 0.9rem;
+  line-height: 1.1;
   vertical-align: baseline;
 
   [data-theme='dark'] & {
@@ -105,7 +110,7 @@
 .patternLabel {
   font-weight: 500;
   color: var(--general-gray-dark);
-  margin-right: 0.3rem;
+  margin-right: 0.2rem;
 
   [data-theme='dark'] & {
     color: var(--general-gray);
@@ -123,12 +128,14 @@
 
 .paramSeparator {
   border: none;
-  border-top: 1px solid var(--general-gray-light);
-  margin: 2rem 0;
+  border-top: 1px dotted var(--general-gray-light);
+  margin: 0.6rem 0;
   height: 0;
+  opacity: 0.6;
 
   [data-theme='dark'] & {
     border-top-color: var(--general-black-light);
+    opacity: 0.7;
   }
 }
 
@@ -173,17 +180,110 @@
 }
 
 .heading1 {
-  font-size: 2.4rem;
+  font-size: 2.7rem !important;
   line-height: 133.333%;
 }
 
 .heading2 {
-  font-size: 2rem;
+  font-size: 2.3rem !important;
   line-height: 140%;
 }
 
 .headingSmall {
-  font-size: 1.8rem;
+  font-size: 1.5rem !important;
+}
+
+// Target the actual HTML structure in the parser component
+:global(.colContentWrap_src-components-ParserOpenRPC-global-module) {
+  h1 {
+    font-size: 2.7rem !important;
+  }
+
+  h2 {
+    font-size: 2.3rem !important;
+  }
+
+  h3 {
+    font-size: 1.5rem !important;
+  }
+
+  h4 {
+    font-size: 1.4rem !important;
+  }
+
+  h5 {
+    font-size: 1.4rem !important;
+  }
+}
+
+// Target utility classes that might be overriding
+:global(.type-paragraph-m) {
+  h1 {
+    font-size: 2.7rem !important;
+  }
+
+  h2 {
+    font-size: 2.3rem !important;
+  }
+
+  h3 {
+    font-size: 1.5rem !important;
+  }
+
+  h4 {
+    font-size: 1.4rem !important;
+  }
+
+  h5 {
+    font-size: 1.4rem !important;
+  }
+}
+
+// More specific targeting for the parser content area
+:global([id='centerContent']) {
+  h1 {
+    font-size: 2.7rem !important;
+  }
+
+  h2 {
+    font-size: 2.3rem !important;
+  }
+
+  h3 {
+    font-size: 1.5rem !important;
+  }
+}
+
+// Additional specificity for heading elements within the parser component
+:global(.parserOpenRPC) {
+  h1 {
+    font-size: 2.7rem !important;
+  }
+
+  h2 {
+    font-size: 2.3rem !important;
+  }
+
+  h3 {
+    font-size: 1.5rem !important;
+  }
+}
+
+// Target specific heading classes that might be used
+:global(.type-heading-l),
+:global(.type-heading-m),
+:global(.type-heading-s) {
+  &.heading1 {
+    font-size: 2.7rem !important;
+  }
+
+  &.heading2 {
+    font-size: 2.3rem !important;
+  }
+
+  &.headingSmall {
+    font-size: 1.5rem !important;
+  }
 }
 
 .tagList {
@@ -220,11 +320,12 @@
 
 .methodSummary {
   font-style: italic;
+  font-size: 1.4rem;
 }
 
 .methodDescription,
 .noParamsDescription {
-  font-size: 1.6rem;
+  font-size: 1.4rem;
 }
 
 // Styles for markdown content rendered by MDContent component