refactor: move api styles to new file

expressjs · Feb 11, 2025 · a5ff942 · a5ff942
1 parent ff97ad6
commit a5ff942
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 44 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -14,6 +14,7 @@
     <link rel="stylesheet" href="/css/blog.css?_={{ site.time | date: '%s' }}">
     <link rel="stylesheet" href="/css/footer.css?_={{ site.time | date: '%s' }}">
     <link rel="stylesheet" href="/css/pages/home.css?_={{ site.time | date: '%s' }}">
+    <link rel="stylesheet" href="/css/pages/api.css?_={{ site.time | date: '%s' }}">
 
     <link rel="stylesheet" href="/css/font-awesome.min.css">
     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;amp;subset=latin,latin-ext">

diff --git a/css/general.css b/css/general.css
@@ -20,9 +20,7 @@ h1 {
   line-height: 36px;
 }
 
-#api-doc h1 {
-  font-weight: normal;
-}
+
 
 h1, h2, h3 {
   margin: 5px 0;
@@ -65,42 +63,6 @@ span.block-section {
   display: block;
 }
 
-#api-doc section {
-  padding-left: 20px;
-}
-
-#api-doc > h3 {
-  padding-top: 10px;
-  padding-bottom: 5px;
-  font-weight: bold;
-  font-size: 24px;
-  color: var(--menu-grey)
-}
-
-#api-doc h2 {
-  font-weight: bold;
-  font-size: 29px;
-  margin: 40px 0 20px;
-}
-
-#api-doc section h3 {
-  padding-top: 10px;
-  padding-bottom: 5px;
-  font-weight: bold;
-  font-size: 18px;
-}
-
-#api-doc h4 {
-  font-size: 16px;
-  font-weight: bold;
-}
-
-#api-doc h5 {
-  font-size: 14px;
-  font-weight: bold;
-  color: var(--menu-grey)
-}
-
 /* scroll */
 
 *::-webkit-scrollbar {
@@ -135,7 +97,7 @@ a {
   padding-top: 40px;
 }
 
-#api-doc *:target, #page-doc *:target {
+#page-doc *:target {
  margin-top: -120px;
  padding-top: 120px;
  z-index: -1;
@@ -426,10 +388,6 @@ h2 a {
     overflow: scroll;
   }
 
-  #api-doc section {
-    padding-left: 0;
-  }
-
   code {
     word-break: break-all;
   }

diff --git a/css/pages/api.css b/css/pages/api.css
@@ -0,0 +1,53 @@
+#api-doc *:target {
+  margin-top: -120px;
+  padding-top: 120px;
+  z-index: -1;
+}
+
+#api-doc section {
+  padding-left: 20px;
+}
+
+@media all and (max-width: 1110px) {
+  #api-doc section {
+    padding-left: 0;
+  }
+}
+
+/* ---- Titles ---- */
+
+#api-doc h1 {
+  font-weight: normal;
+}
+
+#api-doc>h3 {
+  padding-top: 10px;
+  padding-bottom: 5px;
+  font-weight: bold;
+  font-size: 24px;
+  color: var(--menu-grey)
+}
+
+#api-doc h2 {
+  font-weight: bold;
+  font-size: 29px;
+  margin: 40px 0 20px;
+}
+
+#api-doc section h3 {
+  padding-top: 10px;
+  padding-bottom: 5px;
+  font-weight: bold;
+  font-size: 18px;
+}
+
+#api-doc h4 {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+#api-doc h5 {
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--menu-grey)
+}