primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-24 14:42:26 +03:00
Code Issues Projects Releases Wiki Activity

Update v16-migration.mdx

Browse Source
This commit is contained in:
simurai 2021-03-11 15:35:27 +09:00
parent b51ceeda4f
commit 0649b5f22a
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
docs/content/support/v16-migration.mdx
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.