mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
fix: --bx-interactive-04
--> --bx-interactive
This commit is contained in:
parent
84ebba532f
commit
a27a2fc185
10 changed files with 32 additions and 32 deletions
|
@ -53,7 +53,7 @@
|
|||
let:node
|
||||
>
|
||||
<span
|
||||
style:color="{node.selected ? "var(--bx-interactive-04)" : "inherit"}"
|
||||
style:color="{node.selected ? "var(--bx-interactive)" : "inherit"}"
|
||||
style:text-decoration="{node.disabled ? "inherit" : "underline"}"
|
||||
>
|
||||
{node.text} (id: {node.id})
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
}
|
||||
|
||||
:global(.framed :not(.bx--content) [class^="bx--col"]) {
|
||||
outline: 1px solid var(--bx-interactive-04);
|
||||
outline: 1px solid var(--bx-interactive);
|
||||
}
|
||||
|
||||
:global(.framed .bx--content [class^="bx--col"]) {
|
||||
|
|
|
@ -6,13 +6,13 @@
|
|||
<Row>
|
||||
<Column
|
||||
aspectRatio="2x1"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
2x1
|
||||
</Column>
|
||||
<Column
|
||||
aspectRatio="2x1"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
2x1
|
||||
</Column>
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
<Grid condensed>
|
||||
<Row>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
</Row>
|
||||
</Grid>
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
<Grid fullWidth>
|
||||
<Row>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
</Row>
|
||||
</Grid>
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
<Grid>
|
||||
<Row>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
</Row>
|
||||
</Grid>
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
<Grid narrow>
|
||||
<Row>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
<Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
|
||||
</Row>
|
||||
</Grid>
|
||||
|
|
|
@ -6,25 +6,25 @@
|
|||
<Row>
|
||||
<Column
|
||||
sm="{{ span: 1, offset: 3 }}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
Offset 3
|
||||
</Column>
|
||||
<Column
|
||||
sm="{{ span: 2, offset: 2 }}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
Offset 2
|
||||
</Column>
|
||||
<Column
|
||||
sm="{{ span: 3, offset: 1 }}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
Offset 1
|
||||
</Column>
|
||||
<Column
|
||||
sm="{{ span: 4, offset: 0 }}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
Offset 0
|
||||
</Column>
|
||||
|
|
|
@ -4,16 +4,16 @@
|
|||
|
||||
<Grid padding>
|
||||
<Row padding>
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive)">
|
||||
Column
|
||||
</Column>
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive)">
|
||||
Column
|
||||
</Column>
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive)">
|
||||
Column
|
||||
</Column>
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
|
||||
<Column padding style="outline: 1px solid var(--bx-interactive)">
|
||||
Column
|
||||
</Column>
|
||||
</Row>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
sm="{1}"
|
||||
md="{4}"
|
||||
lg="{8}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
sm: 1, md: 4, lg: 8
|
||||
</Column>
|
||||
|
@ -16,7 +16,7 @@
|
|||
sm="{1}"
|
||||
md="{2}"
|
||||
lg="{2}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
sm: 1, md: 2, lg: 2
|
||||
</Column>
|
||||
|
@ -24,7 +24,7 @@
|
|||
sm="{1}"
|
||||
md="{1}"
|
||||
lg="{1}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
sm: 1, md: 1, lg: 1
|
||||
</Column>
|
||||
|
@ -32,7 +32,7 @@
|
|||
sm="{1}"
|
||||
md="{1}"
|
||||
lg="{1}"
|
||||
style="outline: 1px solid var(--bx-interactive-04)"
|
||||
style="outline: 1px solid var(--bx-interactive)"
|
||||
>
|
||||
sm: 1, md: 1, lg: 1
|
||||
</Column>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue