Skip to content

Commit

Permalink
Docs: v11 color token updates for breadcrumb component (#2312)
Browse files Browse the repository at this point in the history
* Update style.mdx

* chore: format

Co-authored-by: emyarod <afw5059@gmail.com>
Co-authored-by: Anna Gonzales <anna.gonzales3@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
  • Loading branch information
4 people authored May 21, 2021
1 parent 812f1a4 commit ead9d5f
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions src/pages/components/breadcrumb/style.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,12 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']

| Class | Property | Color token |
| ----------------------------------------- | -------- | --------------------- |
| `.bx--link` | color | `$link-01` |
| `.bx--link:hover` | color | `$hover-primary-text` |
| `.bx--link:active` | color | `$text-01` |
| `.bx--link` | color | `$link-primary` |
| `.bx--link:hover` | color | `$link-primary-hover` |
| `.bx--link:active` | color | `$text-primary` |
| `.bx--link:focus` | outline | `$focus` |
| `.bx--breadcrumb-item::after` | color | `$text-01` |
| `.bx--breadcrumb-item--current .bx--link` | color | `$text-01` |
| `.bx--breadcrumb-item::after` | color | `$text-primary` |
| `.bx--breadcrumb-item--current .bx--link` | color | `$text-primary` |

<Row>
<Column colLg={8}>
Expand Down Expand Up @@ -81,10 +81,10 @@ recommended for the overflow breadcrumb list.
</a>
</h3>

| Class | Property | Color token |
| ------------------------------------------ | ---------------- | ----------- |
| `.bx--overflow-menu-options__btn` | color | `$icon-01` |
| `.bx--overflow-menu-options__option:hover` | background-color | `$hover-ui` |
| Class | Property | Color token |
| ------------------------------------------ | ---------------- | ------------------- |
| `.bx--overflow-menu-options__btn` | color | `$icon-primary` |
| `.bx--overflow-menu-options__option:hover` | background-color | `$background-hover` |

<h3
class="AutolinkHeader-module--header--1G1tm Markdown-module--h3--Gwbvh"
Expand Down

0 comments on commit ead9d5f

Please sign in to comment.