fix: --bx-interactive-04 --> --bx-interactive

This commit is contained in:
Eric Liu 2024-05-05 12:54:17 -07:00
commit a27a2fc185
10 changed files with 32 additions and 32 deletions

View file

@ -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})

View file

@ -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"]) {

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>