1
1
mirror of https://github.com/primer/css.git synced 2024-12-24 22:53:58 +03:00

Update v16-migration.mdx

This commit is contained in:
simurai 2021-03-11 15:35:27 +09:00
parent b51ceeda4f
commit 0649b5f22a

View File

@ -13,6 +13,19 @@ Because colors differ in each color mode, it doesn't make sense to try to make a
Most components don't need to be updated and should work without making changes. But some of the componets that use presentational class names now use functional class names. Most components don't need to be updated and should work without making changes. But some of the componets that use presentational class names now use functional class names.
#### Counters
| [`v15`](https://primer.style/css/components/labels#counters) | `v16` |
| ------------------------------------------------------------ | --------------------- |
| `.Counter--gray` | `.Counter--primary` |
| `.Counter--gray-light` | `.Counter--secondary` |
#### Dropdwon
| [`v15`](https://primer.style/css/components/dropdown#dark) | `v16` |
| ---------------------------------------------------------- | ----- |
| `.dropdown-menu-dark` | n/a |
#### Labels #### Labels
| [`v15`](https://primer.style/css/components/labels) | `v16` | | [`v15`](https://primer.style/css/components/labels) | `v16` |
@ -27,13 +40,6 @@ Most components don't need to be updated and should work without making changes.
| `.Label--purple` | n/a | | `.Label--purple` | n/a |
| `.Label--pink` | n/a | | `.Label--pink` | n/a |
#### Counters
| [`v15`](https://primer.style/css/components/labels#counters) | `v16` |
| ------------------------------------------------------------ | --------------------- |
| `.Counter--gray` | `.Counter--primary` |
| `.Counter--gray-light` | `.Counter--secondary` |
#### States #### States
| [`v15`](https://primer.style/css/components/labels#states) | `v16` | | [`v15`](https://primer.style/css/components/labels#states) | `v16` |
@ -149,6 +155,14 @@ The `link` utilities are part of the `Link` component.
| `.link-hover-blue` | `.Link--onHover` | | `.link-hover-blue` | `.Link--onHover` |
| n/a | `.Link` | | n/a | `.Link` |
### Mixins
| `v15` | `v16` |
| --------------- | ----- |
| `btn-solid()` | n/a |
| `btn-inverse()` | n/a |
| `btn-outline()` | n/a |
### Variables ### Variables
See [the color system page](/support/color-system) for a list of all the functional CSS variables. See [the color system page](/support/color-system) for a list of all the functional CSS variables.