ai-workspace-services/litellm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(docs): align fenced code padding on blog and doc pages

Browse Source 
- Set --ifm-pre-padding to 1.25rem for consistent code block inset
- Restore horizontal padding for line-numbered Docusaurus blocks
- Scope pre/code resets via article .markdown so blog chip styles
  no longer strip CodeBlock inner padding on Prism fences

Made-with: Cursor
This commit is contained in:
Sameer Kankute 2026-04-17 10:04:03 +05:30
parent f69b9d6564
commit 52fde57df7
No known key found for this signature in database
1 changed files with 34 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
docs/my-website/src/css/custom.css
View File

@ -27,6 +27,8 @@
--ifm-font-size-base: 15px;
--ifm-line-height-base: 1.65;
--ifm-border-radius: 6px;
/* Code fences: slightly more inset than Infima default (1rem), esp. next to bash left accent */
--ifm-pre-padding: 1.25rem;
/* Wider reading column — reduces excessive whitespace on large monitors */
--ifm-container-width: 1380px;
--ifm-container-width-xl: 1560px;
@ -309,6 +311,38 @@ li.tabs__item--active {
line-height: 1.6;
}
/* Docusaurus line-number mode uses vertical-only padding on the inner wrapper; restore horizontal inset */
.theme-code-block span[class*='codeLineContent'] {
padding-left: var(--ifm-pre-padding);
}
/* Doc + blog: both render under `article > .markdown`. Blog prose `.markdown code` and
`pre:not(.prism-code) code` were zeroing inner padding on fenced blocks — match Infima/CodeBlock. */
article .markdown pre:not(.prism-code) code {
background: transparent;
border: none;
padding: 0;
color: inherit;
}
article .markdown pre.prism-code code[class*='codeBlockLinesWithNumbering'] {
padding: var(--ifm-pre-padding) 0 !important;
font-size: var(--ifm-code-font-size) !important;
line-height: var(--ifm-pre-line-height) !important;
background: transparent !important;
border: none !important;
color: inherit !important;
}
article .markdown pre.prism-code code[class*='codeBlockLines']:not([class*='codeBlockLinesWithNumbering']) {
padding: var(--ifm-pre-padding) !important;
font-size: var(--ifm-code-font-size) !important;
line-height: var(--ifm-pre-line-height) !important;
background: transparent !important;
border: none !important;
color: inherit !important;
}
[data-theme='dark'] .prism-code {
border: 1px solid #21262d;
}
@ -881,13 +915,6 @@ video {
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.blog-wrapper article .markdown pre code {
background: transparent;
border: none;
padding: 0;
color: inherit;
}
/* Hide tags section at bottom of blog posts */
.blog-wrapper footer [class*='blogPostTags'],
.blog-wrapper footer [class*='tags'] {