From 04d0acaeac9c07a990f2f1815ebbfee678a32f98 Mon Sep 17 00:00:00 2001 From: Jeroen van den Hout Date: Mon, 25 Sep 2023 09:47:11 +0200 Subject: [PATCH] Move all CSS to src/css --- src/common/css/custom.css | 102 ------------------------------ src/css/custom.css | 103 ++++++++++++++++++++++++++++++- src/{common => }/css/fonts.css | 0 src/{common => }/css/patches.css | 0 4 files changed, 102 insertions(+), 103 deletions(-) delete mode 100644 src/common/css/custom.css rename src/{common => }/css/fonts.css (100%) rename src/{common => }/css/patches.css (100%) diff --git a/src/common/css/custom.css b/src/common/css/custom.css deleted file mode 100644 index c6f68d923f4..00000000000 --- a/src/common/css/custom.css +++ /dev/null @@ -1,102 +0,0 @@ -@import 'fonts.css'; -@import 'patches.css'; - -/* 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; -} diff --git a/src/css/custom.css b/src/css/custom.css index ad61661493b..c16c36d0842 100644 --- a/src/css/custom.css +++ b/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; +} diff --git a/src/common/css/fonts.css b/src/css/fonts.css similarity index 100% rename from src/common/css/fonts.css rename to src/css/fonts.css diff --git a/src/common/css/patches.css b/src/css/patches.css similarity index 100% rename from src/common/css/patches.css rename to src/css/patches.css