feat: Longer headings in API pages breaked. Code styles fixed

_assets/css/_styles.scss

@@ -2682,6 +2682,10 @@ a.all-components {
 /* API Pages */
 
 .api-reference {
+    h1 {
+      word-break: break-all;
+    }
+    
     h1 + p {
         margin-top: 30px;
     }
@@ -2697,27 +2701,30 @@ a.all-components {
         margin-bottom: 2px;
         font-size: 20px;
         font-weight: 500;
+    }
 
-        code,
-        .code {
-            background-color: rgba(36, 137, 216, 0.8);
-            color: #ffffff;
-            margin-top: 3px;
-            margin-left: 3px;
-            padding: 3px 4px;
-            font-size: 13px;
-            line-height: 10px;
+    h3, 
+    h4, 
+    h4 ~ p {
+      code,
+      .code {
+          background-color: rgba(39, 163, 6, 0.8);
+          color: #ffffff;
+          margin-top: 3px;
+          padding: 3px 4px;
+          font-size: 13px;
+          line-height: 10px;
 
-            a:hover,
-            a:focus,
-            a:active {
-                color: #fff;
+          a:hover,
+          a:focus,
+          a:active {
+              color: #fff;
 
-                &::after {
-                    display: none;
-                }
-            }
-        }
+              &::after {
+                  display: none;
+              }
+          }
+      }
     }
 
     h4 {
@@ -2744,9 +2751,8 @@ a.all-components {
 
         code,
         .code {
-            background-color: rgba(36, 137, 216, 0.8);
+            background-color: rgba(39, 163, 6, 0.8);
             color: #ffffff;
-            margin-left: 3px;
             padding: 1px 3px 2px;
             font-size: 13px;
             font-weight: 400;