Move all CSS to src/css

src/css/custom.css

@@ -1,5 +1,6 @@
-@import '../common/css/custom.css';
 @import 'variables.css';
+@import 'fonts.css';
+@import 'patches.css';
 
 html {
   scroll-behavior: smooth;
@@ -367,3 +368,103 @@ ul ul .table-of-contents__link {
   overflow-x: auto;
   margin-bottom: 1em;
 }
+
+/* Sidebar Method labels */
+.api-method > .menu__link {
+  align-items: center;
+  justify-content: start;
+}
+
+.api-method > .menu__link::before {
+  width: 50px;
+  height: 20px;
+  font-size: 12px;
+  line-height: 20px;
+  text-transform: uppercase;
+  font-weight: 600;
+  border-radius: 0.25rem;
+  border: 1px solid;
+  margin-right: var(--ifm-spacing-horizontal);
+  text-align: center;
+  flex-shrink: 0;
+  border-color: transparent;
+  color: white;
+}
+
+.get > .menu__link::before {
+  content: 'get';
+  background-color: var(--ifm-color-primary);
+}
+
+/*------------Jargon---------------*/
+/* Add a dashed line under jargon terms */
+.jargon-term {
+  text-decoration: underline var(--ifm-color-primary-light);
+}
+/* Add a question mark behind/above jargon terms */
+.jargon-term::after {
+  content: '?';
+  font-weight: bold;
+  display: inline-block;
+  transform: translate(0, -0.5em);
+  font-size: 75%;
+  color: var(--ifm-color-primary-light);
+  margin-left: 3px;
+}
+/* Hover behavior for the therm itself */
+.jargon-term:hover {
+  position: relative;
+  text-decoration: none;
+  cursor: help;
+}
+/* Hide info by default */
+.jargon-term .jargon-info {
+  display: none;
+}
+/* Show info on hover */
+.jargon-term:hover .jargon-info {
+  display: block;
+  position: absolute;
+  top: 1.5em;
+  left: 0;
+  background: var(--ifm-hover-overlay);
+  border: 1px solid var(--ifm-color-primary-light);
+  padding: 1rem;
+  border-radius: 4px;
+  font-size: 90%;
+  min-width: 250px;
+  max-width: 450px;
+  z-index: 1;
+}
+/*---------------------------------*/
+
+.post > .menu__link::before {
+  content: 'post';
+  background-color: var(--openapi-code-green);
+}
+
+.delete > .menu__link::before {
+  content: 'del';
+  background-color: var(--openapi-code-red);
+}
+
+.put > .menu__link::before {
+  content: 'put';
+  background-color: var(--openapi-code-blue);
+}
+
+.patch > .menu__link::before {
+  content: 'patch';
+  background-color: var(--openapi-code-orange);
+}
+
+.head > .menu__link::before {
+  content: 'head';
+  background-color: var(--ifm-color-secondary-darkest);
+}
+
+/** Added to hide the See full example on GitHub link in imported code examples **/
+
+.hide-code-block-extras a {
+  display: none;
+}