mirror of
https://github.com/fosrl/docs-v2.git
synced 2026-07-16 19:09:55 +00:00
274 lines
7.8 KiB
CSS
274 lines
7.8 KiB
CSS
:root {
|
|
--pangolin-code-bg: #F2F0E7;
|
|
--pangolin-code-border: #BBBBBB;
|
|
--pangolin-code-inline-fg: #202020;
|
|
}
|
|
|
|
/* Inline code: match pangolin.net/news */
|
|
#content-area code:not(pre code) {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
border: 1px solid var(--pangolin-code-border) !important;
|
|
border-radius: 4px !important;
|
|
color: var(--pangolin-code-inline-fg) !important;
|
|
font-size: 0.875em !important;
|
|
font-weight: 400 !important;
|
|
padding: 0.125rem 0.35rem !important;
|
|
}
|
|
|
|
/* Standalone code blocks */
|
|
#content-area .code-block {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
--tw-ring-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#content-area .code-block .dark\:bg-codeblock,
|
|
#content-area .code-block .code-block-background,
|
|
#content-area .code-block .bg-white {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
padding: 2rem !important;
|
|
}
|
|
|
|
#content-area .code-block [data-testid="copy-code-button"],
|
|
#content-area .code-group [data-testid="copy-code-button"] {
|
|
background-color: transparent !important;
|
|
backdrop-filter: none !important;
|
|
-webkit-backdrop-filter: none !important;
|
|
}
|
|
|
|
#content-area .code-block [data-testid="copy-code-button"]:hover,
|
|
#content-area .code-group [data-testid="copy-code-button"]:hover {
|
|
background-color: #E8E7E5 !important;
|
|
}
|
|
|
|
/* Scroll fade overlay behind copy button */
|
|
#content-area .code-block [data-fade-overlay="true"],
|
|
#content-area .code-group [data-fade-overlay="true"] {
|
|
--fade-color-light: var(--pangolin-code-bg) !important;
|
|
--fade-color-dark: var(--pangolin-code-bg) !important;
|
|
}
|
|
|
|
#content-area .code-block pre.shiki {
|
|
background-color: transparent !important;
|
|
--shiki-dark-bg: transparent !important;
|
|
--shiki-light-bg: transparent !important;
|
|
}
|
|
|
|
/* CodeGroup tabbed blocks */
|
|
#content-area .code-group {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
border: 1px solid #E8E7E5 !important;
|
|
}
|
|
|
|
#content-area .code-group .dark\:bg-codeblock,
|
|
#content-area .code-group .code-block-background,
|
|
#content-area .code-group .bg-white {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
}
|
|
|
|
#content-area .code-group pre.shiki {
|
|
background-color: transparent !important;
|
|
--shiki-dark-bg: transparent !important;
|
|
--shiki-light-bg: transparent !important;
|
|
}
|
|
|
|
#content-area [data-component-part="code-group-tab-bar"] [role="tab"] {
|
|
color: var(--pangolin-code-inline-fg) !important;
|
|
}
|
|
|
|
#content-area [data-component-part="code-group-tab-bar"] [role="tab"][data-state="active"] {
|
|
background-color: rgba(32, 32, 32, 0.08) !important;
|
|
color: var(--pangolin-code-inline-fg) !important;
|
|
}
|
|
|
|
/* Image frames: match pangolin beige */
|
|
#content-area .frame {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
border: 1px solid rgba(11, 11, 11, 0.1) !important;
|
|
}
|
|
|
|
/* Mintlify grid pattern behind images */
|
|
#content-area .frame > .absolute.inset-0[class*="bg-grid"] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Mintlify adds a second inset border overlay — remove to match code blocks */
|
|
#content-area .frame > .absolute.inset-0.pointer-events-none {
|
|
border: none !important;
|
|
}
|
|
|
|
#content-area .frame.bg-gray-50\/50,
|
|
#content-area .frame.dark\:bg-gray-800\/25 {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
}
|
|
|
|
/* Callouts: beige background with curved outer / straight inner left bar */
|
|
#content-area .callout {
|
|
position: relative !important;
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
border: none !important;
|
|
color: var(--pangolin-code-inline-fg) !important;
|
|
}
|
|
|
|
#content-area .callout::before {
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
left: 0 !important;
|
|
top: 0 !important;
|
|
bottom: 0 !important;
|
|
width: 8px !important;
|
|
background-color: #E8E7E5 !important;
|
|
border-top-left-radius: inherit !important;
|
|
border-bottom-left-radius: inherit !important;
|
|
border-top-right-radius: 0 !important;
|
|
border-bottom-right-radius: 0 !important;
|
|
}
|
|
|
|
#content-area .callout.bg-blue-50,
|
|
#content-area .callout.bg-yellow-50,
|
|
#content-area .callout.bg-green-50,
|
|
#content-area .callout.bg-neutral-50,
|
|
#content-area .callout.bg-red-50,
|
|
#content-area .callout.dark\:bg-blue-600\/20,
|
|
#content-area .callout.dark\:bg-yellow-600\/20,
|
|
#content-area .callout.dark\:bg-green-600\/20,
|
|
#content-area .callout.dark\:bg-neutral-600\/20,
|
|
#content-area .callout.dark\:bg-red-600\/20 {
|
|
background-color: var(--pangolin-code-bg) !important;
|
|
}
|
|
|
|
#content-area .callout.border-blue-200::before,
|
|
#content-area .callout.dark\:border-blue-900::before {
|
|
background-color: #2563eb !important;
|
|
}
|
|
|
|
#content-area .callout.border-yellow-200::before,
|
|
#content-area .callout.dark\:border-yellow-900::before {
|
|
background-color: #ca8a04 !important;
|
|
}
|
|
|
|
#content-area .callout.border-green-200::before,
|
|
#content-area .callout.dark\:border-green-900::before {
|
|
background-color: #16a34a !important;
|
|
}
|
|
|
|
#content-area .callout.border-neutral-200::before,
|
|
#content-area .callout.dark\:border-neutral-900::before {
|
|
background-color: #525252 !important;
|
|
}
|
|
|
|
#content-area .callout.border-red-200::before,
|
|
#content-area .callout.dark\:border-red-900::before {
|
|
background-color: #dc2626 !important;
|
|
}
|
|
|
|
#content-area .callout [data-component-part="callout-content"] {
|
|
color: var(--pangolin-code-inline-fg) !important;
|
|
}
|
|
|
|
/* Hide the Pangolin Cloud CTA source wrapper so it doesn't show in main content before the script moves it to the TOC */
|
|
.pangolin-toc-cta-source {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Space above the Pangolin Cloud CTA (below the table of contents links) */
|
|
#table-of-contents > *:last-child {
|
|
margin-top: 1.25rem;
|
|
background-color: #F2F0E7;
|
|
}
|
|
|
|
#navbar .max-w-8xl {
|
|
max-width: 100%;
|
|
background-color: #F2F0E7;
|
|
border-bottom: 1px solid #E8E7E5;
|
|
}
|
|
|
|
/* No border between search row and tab links */
|
|
#navbar .border-b {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#sidebar {
|
|
left: 0;
|
|
padding-right: 30px;
|
|
background-color: #F2F0E7;
|
|
}
|
|
|
|
#sidebar-content {
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
#sidebar-content ul.sidebar-group {
|
|
gap: 0;
|
|
}
|
|
|
|
#sidebar-content ul.sidebar-group li {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
#sidebar .relative .sticky {
|
|
opacity: 0;
|
|
}
|
|
|
|
#header {
|
|
padding-bottom: 25px;
|
|
padding-top: 25px;
|
|
border-bottom: 1px solid #E8E7E5;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
#content-area .mt-8 .block {
|
|
background-color: #F2F0E7;
|
|
border: none !important;
|
|
}
|
|
|
|
/* No borders on cards */
|
|
[class*="card"],
|
|
[class*="Card"],
|
|
#table-of-contents > *:last-child {
|
|
border: none !important;
|
|
}
|
|
|
|
/* Step number circle: match card background */
|
|
[data-component-part="step-number"] .rounded-full,
|
|
[data-component-part="step-number"] .bg-gray-50,
|
|
[data-component-part="step-number"] .dark\:bg-white\/10 {
|
|
background-color: #F2F0E7 !important;
|
|
}
|
|
|
|
#topbar-cta-button .group .flex {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* Fully rounded (pill) buttons */
|
|
#navbar .links a,
|
|
#topbar-cta-button .group .absolute,
|
|
#topbar-cta-button a {
|
|
border-radius: 9999px !important;
|
|
}
|
|
|
|
/* CTA button background (navbar + footer) */
|
|
#topbar-cta-button .group .absolute,
|
|
#topbar-cta-button a {
|
|
background-color: #202020 !important;
|
|
}
|
|
|
|
#footer {
|
|
background-color: #F2F0E7;
|
|
border-color: #E8E7E5 !important;
|
|
}
|
|
|
|
#footer .border-t {
|
|
border-color: #E8E7E5 !important;
|
|
}
|
|
|
|
#footer .bg-gray-100,
|
|
#footer .dark\:bg-white\/5 {
|
|
background-color: #E8E7E5 !important;
|
|
}
|
|
|
|
/* Remove the divider line above "Powered by" */
|
|
#footer div[class*="1px"] {
|
|
display: none !important;
|
|
} |