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

style(docs): apply code-01 styles to component api type, default value

Browse source
This commit is contained in:
Eric Liu 2022-08-27 10:54:34 -07:00
commit dbbf8ed3c6
3 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -95,16 +95,18 @@
{type}
</OutboundLink>
{:else if type in typeMap}
<code>{typeMap[type]}</code>
<code class="code-01">{typeMap[type]}</code>
{:else if type.startsWith("(")}
<code>{type}</code>
<code class="code-01">{type}</code>
{:else}
<InlineSnippet code="{type}" />
{/if}
</div>
{/each}
</StructuredListCell>
<StructuredListCell><code>{prop.value}</code></StructuredListCell>
<StructuredListCell
><code class="code-01">{prop.value}</code></StructuredListCell
>
<StructuredListCell>
{#if prop.description}
{#each prop.description.split("\n") as line}

7
docs/src/global.css
View file

@ -177,6 +177,13 @@ html[theme="g90"] .code-override {
overflow-y: auto;
}
.code-01 {
font-size: var(--cds-code-01-font-size);
font-weight: var(--cds-code-01-font-weight);
letter-spacing: var(--cds-code-01-letter-spacing);
line-height: var(--cds-code-01-line-height);
}
.body-short-01 {
font-size: var(--cds-body-short-01-font-size);
font-weight: var(--cds-body-short-01-font-weight);

14
docs/src/pages/_layout.svelte
View file

@ -50,8 +50,9 @@
</svelte:fragment>
<span slot="platform" class="platform-name">
Carbon Components Svelte
<code>v{process.env.VERSION || ""}</code>
Carbon Components Svelte &nbsp;<code class="code-01"
>v{process.env.VERSION || ""}</code
>
</span>
<HeaderUtilities>
@ -135,15 +136,6 @@
align-items: baseline;
}
.platform-name code {
margin-left: var(--cds-spacing-02);
font-size: var(--cds-code-01-font-size);
font-weight: var(--cds-code-01-font-weight);
letter-spacing: var(--cds-code-01-letter-spacing);
line-height: var(--cds-code-01-line-height);
color: #c6c6c6;
}
@media (max-width: 580px) {
.platform-name code {
display: none;