diff --git a/docs/4.0/migration.md b/docs/4.0/migration.md index c9b0f5b8f8..c66799c233 100644 --- a/docs/4.0/migration.md +++ b/docs/4.0/migration.md @@ -9,11 +9,17 @@ toc: true ## Beta 2 changes While in beta, we aim to have no breaking changes. However, things don't always go as planned. Below are the breaking changes to bear in mind when moving from Beta 1 to Beta 2. +### Breaking + - Removed `$badge-color` variable and its usage on `.badge`. We use a color contrast function to pick a `color` based on the `background-color`, so the variable is unnecessary. - Renamed `grayscale()` function to `gray()` to avoid breaking conflict with the CSS native `grayscale` filter. - Renamed `.table-inverse`, `.thead-inverse`, and `.thead-default` to `.*-dark` and `.*-light`, matching our color schemes used elsewhere. - Responsive tables now generate classes for each grid breakpoint. This breaks from Beta 1 in that the `.table-responsive` you've been using is more like `.table-responsive-md`. You may now use `.table-responsive` or `.table-responsive-{sm,md,lg,xl}` as needed. +### Highlights + +- Introduced new `pointer-events` usage on modals. The outer `.modal-dialog` passes through events with `pointer-events: none` for custom click handling (making it possible to just listen on the `.modal-backdrop` for any clicks), and then counteracts it for the actual `.modal-content` with `pointer-events: auto`. + ## Summary