Move style to custom.css

Author: FileEX

web/src/pages/reference/[func].astro

@@ -81,33 +81,6 @@ const needsChecking = metaArray.find(m => m.needs_checking)?.needs_checking ?? u
 let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
 ---
 
-<style>
-    .added-updated-description-box {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--sl-color-bg-nav);
-        border-radius: 10px;
-    }
-
-    .added-updated-description-box-header {
-        padding: 0.5rem 1.0rem;
-        color: var(--sl-color-text);
-        background-color: var(--sl-color-gray-5);
-        border-radius: 10px 10px 0 0;
-    }
-
-    .added-updated-description-box.removed-box .added-updated-description-box-header {
-        background-color: var(--color-type-client-background-high);
-        color: #f85c50;
-        font-weight: bold;
-    }
-
-    .added-updated-description-box-body {
-        margin: 0;
-        padding: 1rem 1rem;
-    }
-</style>
-
 <div class={"show-type-badge-" + funcType}>
     <StarlightPage frontmatter={{
         template: 'doc',

web/src/styles/custom.css

@@ -66,4 +66,29 @@
 
 .mta-keyword-link:hover {
     font-weight: 100;
+}
+
+.added-updated-description-box {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--sl-color-bg-nav);
+    border-radius: 10px;
+}
+
+.added-updated-description-box-header {
+    padding: 0.5rem 1.0rem;
+    color: var(--sl-color-text);
+    background-color: var(--sl-color-gray-5);
+    border-radius: 10px 10px 0 0;
+}
+
+.added-updated-description-box.removed-box .added-updated-description-box-header {
+    background-color: var(--color-type-client-background-high);
+    color: #f85c50;
+    font-weight: bold;
+}
+
+.added-updated-description-box-body {
+    margin: 0;
+    padding: 1rem 1rem;
 }