diff --git a/style.css b/style.css index 7d8c38e..101bf89 100644 --- a/style.css +++ b/style.css @@ -1,273 +1,106 @@ -:root { - --pangolin-code-bg: #F2F0E7; - --pangolin-code-border: #BBBBBB; - --pangolin-code-inline-fg: #202020; - --pangolin-code-block-fg: #545454; -} - -/* 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; - color: var(--pangolin-code-block-fg) !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; -} - -#content-area .code-block pre.shiki code { - color: var(--pangolin-code-block-fg) !important; - font-size: 16px !important; - line-height: 1.4 !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 .code-group pre.shiki code { - color: var(--pangolin-code-block-fg) !important; - font-size: 16px !important; - line-height: 1.4 !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 colored outline */ -#content-area .callout { - background-color: var(--pangolin-code-bg) !important; - border: 1px solid #E8E7E5 !important; - color: var(--pangolin-code-inline-fg) !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, -#content-area .callout.dark\:border-blue-900 { - border-color: #2563eb !important; -} - -#content-area .callout.border-yellow-200, -#content-area .callout.dark\:border-yellow-900 { - border-color: #ca8a04 !important; -} - -#content-area .callout.border-green-200, -#content-area .callout.dark\:border-green-900 { - border-color: #16a34a !important; -} - -#content-area .callout.border-neutral-200, -#content-area .callout.dark\:border-neutral-900 { - border-color: #525252 !important; -} - -#content-area .callout.border-red-200, -#content-area .callout.dark\:border-red-900 { - border-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; -} + 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; + } \ No newline at end of file