mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

style(docs): ensure inline code blocks are styled

Browse source
This commit is contained in:
Eric Liu 2025-05-03 11:12:30 -07:00
commit d37c879612
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/src/global.css
View file

@ -2,12 +2,19 @@ html[theme="g90"] .code-override {
border: 1px solid var(--cds-ui-03); border: 1px solid var(--cds-ui-03);
} }
.prose > pre,
.code-override .bx--snippet { .code-override .bx--snippet {
/** Docs code snippet is always dark mode */ /** Docs code snippet is always dark mode */
color-scheme: dark; color-scheme: dark;
max-width: none; max-width: none;
} }
.prose > pre {
padding: 1rem;
margin-bottom: 1rem;
}
.prose > pre,
.code-override .bx--copy-btn, .code-override .bx--copy-btn,
.code-override .bx--snippet, .code-override .bx--snippet,
.code-override button.bx--btn.bx--snippet-btn--expand { .code-override button.bx--btn.bx--snippet-btn--expand {
@ -24,6 +31,7 @@ html[theme="g90"] .code-override {
fill: #f4f4f4; fill: #f4f4f4;
} }
.prose > pre,
.code-override .bx--snippet-container pre { .code-override .bx--snippet-container pre {
font-size: var(--cds-code-02-font-size); font-size: var(--cds-code-02-font-size);
line-height: var(--cds-code-02-line-height); line-height: var(--cds-code-02-line-height);