mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

style(docs): tighten up margins [ci skip]

Browse source
This commit is contained in:
Eric Liu 2022-08-06 14:03:29 -07:00
commit 2532814801
2 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
docs/src/components/ComponentApi.svelte
View file

@ -206,7 +206,11 @@
overflow-x: auto; overflow-x: auto;
} }
:global(.my-layout-01-03), :global(.my-layout-01-03) {
margin-top: var(--cds-layout-01);
margin-bottom: var(--cds-layout-03);
}
:global(.overflow .bx--structured-list) { :global(.overflow .bx--structured-list) {
margin-top: var(--cds-layout-01); margin-top: var(--cds-layout-01);
margin-bottom: var(--cds-layout-04); margin-bottom: var(--cds-layout-04);

13
docs/src/global.css
View file

@ -114,6 +114,7 @@ html[theme="g90"] .code-override {
position: sticky; position: sticky;
max-height: calc(100vh - 3rem); max-height: calc(100vh - 3rem);
top: 3rem; top: 3rem;
margin-top: -3rem;
padding-top: var(--cds-spacing-05); padding-top: var(--cds-spacing-05);
padding-bottom: var(--cds-spacing-05); padding-bottom: var(--cds-spacing-05);
padding-left: var(--cds-spacing-08); padding-left: var(--cds-spacing-08);
@ -183,10 +184,10 @@ html[theme="g90"] .code-override {
} }
.bx--col > h1 { .bx--col > h1 {
font-size: var(--cds-display-01-font-size); font-size: var(--cds-expressive-heading-05-font-size);
font-weight: var(--cds-display-01-font-weight); font-weight: var(--cds-expressive-heading-05-font-weight);
letter-spacing: var(--cds-display-01-letter-spacing); letter-spacing: var(--cds-expressive-heading-05-letter-spacing);
line-height: var(--cds-display-01-line-height); line-height: var(--cds-expressive-heading-05-line-height);
margin-bottom: var(--cds-layout-01); margin-bottom: var(--cds-layout-01);
} }
@ -226,7 +227,7 @@ html[theme="g90"] .code-override {
font-weight: var(--cds-expressive-heading-05-font-weight); font-weight: var(--cds-expressive-heading-05-font-weight);
letter-spacing: var(--cds-expressive-heading-05-letter-spacing); letter-spacing: var(--cds-expressive-heading-05-letter-spacing);
line-height: var(--cds-expressive-heading-05-line-height); line-height: var(--cds-expressive-heading-05-line-height);
padding-top: var(--cds-layout-04); padding-top: var(--cds-layout-03);
margin-bottom: var(--cds-layout-01); margin-bottom: var(--cds-layout-01);
} }
@ -235,7 +236,7 @@ html[theme="g90"] .code-override {
font-weight: var(--cds-expressive-heading-04-font-weight); font-weight: var(--cds-expressive-heading-04-font-weight);
letter-spacing: var(--cds-expressive-heading-04-letter-spacing); letter-spacing: var(--cds-expressive-heading-04-letter-spacing);
line-height: var(--cds-expressive-heading-04-line-height); line-height: var(--cds-expressive-heading-04-line-height);
padding-top: var(--cds-layout-04); padding-top: var(--cds-layout-03);
margin-bottom: var(--cds-layout-01); margin-bottom: var(--cds-layout-01);
} }